用jquery更改href

时间:2011-08-18 17:02:09

标签: jquery

我有一张ID为27的图片。

我需要更改它周围链接的href。我如何用jquery做到这一点?

这是我的链接和图片属性。注意。我无法将ID设置为链接。

<a href=""><img src="" id="27"></a>

6 个答案:

答案 0 :(得分:4)

$("#27").parent().attr("href", "somewhere.html");

这将获取选择器匹配的元素的直接父级。或者,您可以使用遍历DOM树的closest,直到找到匹配的元素,但我假设img始终是a元素的直接子元素。

但请注意,id属性值不能以数字开头,除非您使用的是HTML5 doctype

<强>更新

在使用parent()closest("a")的问题的许多答案中看到了分歧意见后,我将快速的性能测试放在一起,至少在Chrome 12中,{ {1}}方法明显更快(运行时速度提高了30%)。

这是link to the test

答案 1 :(得分:2)

也许是这样的:

$('#27').closest('a').attr('href','newLink.html');

答案 2 :(得分:1)

parent选择器与attr方法一起使用。

$('#27').parent().attr('href', someNewValue);

答案 3 :(得分:0)

是否有人考虑

$("#27").parent().attr("href", "something.html");

因为那会起作用。

答案 4 :(得分:0)

詹姆斯回答很好。

我希望在设计更改时使用closest代替parent

$("#27").closest("a").attr("href","infinityandbeyond.com")

答案 5 :(得分:0)

var $mylink="test_link.html";
$('#27').parent().attr('href',$mylink);