jquery - JQuery セレクタ div > 2 番目の div > 3 番目の 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>

3番目のliのhrefの属性を変更したい。問題は、.attr() 関数を使用できるようにするには、どのセレクターを使用する必要があるかということです。:)
ありがとう。

Answer 1

これにより、uに3番目のliのコンテンツが与えられます。

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 > 2nd div > 3rd li を選択できます。これは、これを選択するのに役立ちます。

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