javascript - 从 JavaScript 更改 href 值

Question

我在 JsFiddle 中有这个例子。

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 更改才能在所有生成的链接中工作。

Answer 1

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 添加到第二个 anchor 标记并相应地修改 JavaScript 代码。