Question

我有以下测试html：

<div class="resultsFooter">
    <ul id="ResultFooter">
        <li id="Preferences">
            <a title="Preferences" id="PreferenceLink" href="http://google.com">Preferences</a>
        </li>
        <li id="Advanced">
            <a title="Advanced" id="AdvancedLink" href="http://ask.com">Advanced</a>
        </li>
    </ul>
</div>

我正在尝试使用jquery将第二个链接的href值从“http://ask.com”更改为“http://bing.com”。我有下面的jquery，但它似乎没有技巧，我在选择器中遗漏了一些东西：

$(document).ready(function() {

$('a#AdvancedLink').attr('href', 'http://www.bing.com');

});

对此有任何建议都会有所帮助。

提前致谢。

Answer 1

您的原始代码可以正常使用，但是您可以从选择器中移除a，因为ID应该是唯一的：

$(document).ready(function() {
     $('#AdvancedLink').attr('href', 'http://www.bing.com');
});

http://jsfiddle.net/S2NkH/

如果您检查JSFiddle中的标记，您可以看到Advanced将href值设置为bing.com

Answer 2

它是一个id（唯一），你只能通过那个id

直接引用它

$(document).ready(function() {

$('#AdvancedLink').attr('href', 'http://www.bing.com');

});

使用jQuery更改href值

2 个答案: