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加载页面后更改<a href="blog.htm" target="_blank">TEST 2</a>的href值。

我尝试过以下选项。但它没有用。任何建议/想法PLZ ......

尝试我

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

尝试二

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

如何在页面加载后使用jquery更改href值？

3 个答案: