Question

是否有一种快速简便的方法可以在页面加载时更改/覆盖href网址结构？

HTML结构非常基础：

代码：

<ul class="sub_menu" style="visibility: hidden;">
    <li><a href="value">someLink</a></li>
 </ul>

Answer 1

在jQuery中，您可以使用：

$('.sub_menu a[href="old_href"]').prop('href', 'newhref...');

JQUERY DEMO

纯粹的javascript：

var menu_ob = document.getElementsByClassName('sub_menu')[0];
var element = menu_ob.getElementsByTagName('a');

for (var i = 0; i < element.length; i++) {
    if (element[i].href == 'https://fiddle.jshell.net/_display/value') {
        element[i].href = 'newhref';
    }
}

JAVASCRIPT DEMO

Answer 2

试试这个有效

/mome

或

$(document).ready(function() {
 $('a[href*="value"]').attr('href' , 'your url');
});

Answer 3

你可以喜欢这个。

$(window).load(function(){
$('ul li a').attr('href','http://stackoverflow.com/');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="https://www.google.com.ph" target="_blank">links</a></li>
</ul>

Answer 4

更具体的是sub_menu >li> a[href=value]

(function (){
  console.log('before:'+$('.sub_menu  li a').attr('href'))
  $('.sub_menu  li a[href=value]').attr('href','http://example.com');
  console.log('current_one:'+$('.sub_menu  li a').attr('href'))
  })()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sub_menu" >
    <li><a href="value">someLink</a></li>
 </ul>

在页面加载时更改href url

4 个答案: