Question

<div class="component-content login-wrap2">
<div class="login"></div>
<div>
    <ul>
        <li></li>
        <li></li>
        <li>
            <a href="/shipzilla/login?view=registration">
            Not a member yet?
            <span>Sign up now!</span>
            </a>
        </li>
    </ul>
</div>

我想在第3个li中更改href的属性。问题是，我应该使用什么选择器，以便我可以使用.attr（）函数。 :)
感谢。

Answer 1

$('div:eq(2) li:eq(2)').attr('href' , '/shipzilla/Cart')

会将href更改为新值..

您也可以尝试这些选择器..

$('div:eq(2) ul li:eq(2)');
    $('div:eq(2) ul li:nth-child(3)');

试试此代码

$(function() {
    var elem = $('div:eq(2) li:eq(2)');
    console.log('Old href : ' + elem.attr(href));
    $('div:eq(2) li:eq(2)').attr('href', '/shipzilla/Cart');

    console.log('New href : ' + elem.attr(href));
});

检查FIDDLE

Answer 2

这将给你第三个li的内容。

alert ($("ul li:nth-child(3)").html());

Answer 3

您可以使用它来选择div＆gt;第二个div>李三这将帮助您选择此项。

console.log($("div div:nth-child(2) ul li:nth-child(3) a"));

JQuery Selector div＆gt;第二个div>李三

3 个答案: