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>

我想更改 3rd li 中 href 的属性。问题是，我应该使用什么选择器才能使用 .attr（） 函数。
:)谢谢。

Answer 1

这将给出第三 Li 的 u 内容。

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

Answer 2

$('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 3

您可以使用

它来选择div>2nddiv>3rd li。这将帮助您选择此 .

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