如何在頁面加載後使用jquery更改href值？

Question

下面是頁面加載後的HTML。

<div style="width: 960px;"> 
<a href="Alerts.htm" target="_blank">TEST 1</a> 
<a href="blog.htm" target="_blank">TEST 2</a> 
<a href="severe.htm" target="_blank">TEST 3</a> 
</div> 

我需要在頁面加載後使用jquery更改href值<a href="blog.htm" target="_blank">TEST 2</a>。

我試過下面的選項。但它沒有奏效。任何建議/想法PLZ ......

TRY我

$(a).attr("href", "http://the.new.url"); 

TRY II

$('a[href*="blog.htm"]').attr('href', function(i,href) { 
    return href.replace('blog.htm', 'http://catbloguat.myblog.com'); 
}); 

我失去了什麼？

Answer 1

you missed the document ready function。

$(document).ready(function() { 

$('a[href*="blog.htm"]').attr('href' , 'http://catbloguat.myblog.com'); 

}); 

Fiddle

Answer 2

你有什麼應該工作（TryII）

可能是你不包裝在文件準備處理您的代碼

$(function(){ 
    $('a[href*="blog.htm"]').attr('href', function(i,href) { 
    return href.replace('blog.htm', 'http://catbloguat.myblog.com'); 
    }); 
}); 

演示-->http://jsfiddle.net/qfQ8W/

Answer 3

您需要的文件準備功能包裹

$(document).ready(function(){ 
    $('a[href*="blog.htm"]').attr('href', 'http://catbloguat.myblog.com'); 
}); 

例子：JSFIDDLE