Question

可能重复：
How to change the href for a hyperlink using jQuery

我有这个链接：

<a id="myLink_33" href="javascript:toggleMe(1);">Toggle</a>

如何使用Javascript / jquery更改此链接的href属性，以便链接变为：

<a id="myLink_33" href="javascript:toggleMe(0);">Toggle</a>

Answer 1

$("#myLink_33").attr("href", "javascript:toggleMe(0);");

Answer 2

这肯定会奏效，但我想提出一个替代方案。

<强> HTML

<a class="toggle">Toggle</a>

<强>的jQuery / JavaScript的

$(document).ready(function(){
  $('a.toggle').click(function (eventObject){
    var target = $(eventObject.target);

    // will add or remove the class automatically
    target.toggleClass('toggle_on');

    if(target.hasClass('toggle_on')){
      /* toggle on code here */
      alert('Toggle On');
    }
    else{
      /* toggle off code here */
      alert('Toggle Off');
    }
  });
});

这使您不必使用切换的href属性，并允许您通过样式和诸如此类的东西来控制事物。虽然我对jQuery的经验并不是那么广泛，但是这样看起来有点像传统。

Answer 3

根据我的经验，使用id选择器更改属性不会更新实际元素但是使用类和其他选择器将起作用。所以

$('#myLink_33').attr('href','http://www.google.com')

仅在查询时更改href属性的值，但是当实际选择了链接时，它将默认为页面加载时拥有的href值。

但是假设锚点有class="myLink_33"，那么attr就会改变，

$('.myLink_33').attr('href','http://www.google.com')

会按预期工作。

如何使用Jquery更改链接的href属性

3 个答案: