jquery - JQuery 选择器 div > 2nd div > 3rd li

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>

我想更改第三个 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));
});​

检查小提琴

Answer 2

这会给你第三个里的内容。

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

Answer 3

您可以使用它来选择 div > 2nd div > 3rd li 。这将帮助您选择此项。

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