从 JavaScript 更改 href 值

我在 JsFiddle 中有这个例子。

http://jsfiddle.net/PtNfD/114/ http://jsfiddle.net/PtNfD/114/

<a href="http://www.yahoo.com" target="_blank" id="changeMe">Yahoo</a>
<a href="http://www.yahoo.com" target="_blank" id="changeMe">Not working</a>

$(document).ready (function () {


    $('#changeMe'). click (function (e) {
        var goLucky = Math.floor(Math.random()*12);
        if (goLucky % 2 == 0) {
            this.href = "http://www.google.com";
        } else {
            this.href = "http://www.hotmail.com";
        }
    });
});

href 更改在第一个链接中有效，但在第二个链接中无效。我怎样才能使它适用于两个链接？

我的页面中的链接数量是动态的，因为我使用 PHP 创建链接，所以我需要更改 href 才能在所有生成的链接中工作。

id属性必须是唯一的。您应该转换该值changeMe到用于多个元素的类名。那么你现有的代码应该可以工作：

<a href="http://www.yahoo.com" target="_blank" class="changeMe">Yahoo</a>
<a href="http://www.yahoo.com" target="_blank" class="changeMe">Not working</a>

$(document).ready (function () {


    $('.changeMe'). click (function (e) {
        var goLucky = Math.floor(Math.random()*12);
        if (goLucky % 2 == 0) {
            this.href = "http://www.google.com";
        } else {
            this.href = "http://www.hotmail.com";
        }
    });
});

或者，您可以添加一个独特的id到第二个锚标记并相应地修改 JavaScript 代码。