更改頁面加載時的href url

Question

有沒有簡單快捷的方法在頁面加載時更改/覆蓋url結構？

的HTML結構很簡單：

代碼：

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

Answer 1

試試這個它的工作原理

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

或

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

Answer 2

你可以喜歡這個。

$(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 3

更爲具體與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>

Answer 4

在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