2

jqueryを使用してネストされたリストからアイテムを選択しようとしていますが、今のところ選択できません

これは私がこれまでに試したことです

Jquery：

$(document).ready(function() {
    var $target= ("div>ul>li>ol>li:nth-child(4)");
    $target.fadeOut('fast');
});

そしてこれは私のhtmlコードです：

  <div>
        <ul>
            <li>
                <ol>
                    <li>something</li>
                    <li>something</li>
                    <li>something</li>
                    <li>something</li> <--- This is what I am trying to access
                </ol>
            </li>
            <li>something else</li>
            <li>something else</li>
        </ul>
    </div>
4

3 に答える 3

5

これを試して

$(document).ready(function() {
    var $target= $("div>ul>li>ol>li:nth-child(4)");
    // or var $target= $("div>ul>li>ol>li:last-child");
    $target.fadeOut('fast');
});

あなたは$を忘れました

http://jsbin.com/asazey/1/edit

于 2013-02-05T02:46:20.463 に答える
1

あなたの代わりにこれを試してください$target.fadeOut('fast');：

$($target).fadeOut('fast');

jQuery以外のオブジェクトでjQueryメソッドを使用しようとしています。

jsFiddleの例

于 2013-02-05T02:47:12.117 に答える
1

私はジョナサンの答えを試しましたが、うまくいきました。

代わりに、最初の「li」の前に「：nth-​​child（1）」を追加して、ターゲットをより正確にします（私は推測します）。

$(document).ready(function() {
    var $target = $("div>ul>li:nth-child(1)>ol>li:nth-child(4)");
    $target.fadeOut('fast');
});
于 2014-06-26T02:35:49.710 に答える