jquery - jquery nth-child 在带有childern的列表中选择

Question

我正在尝试使用 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>   

Answer 1

尝试这个

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

Answer 2

试试这个，而不是你的$target.fadeOut('fast');：

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

您正在尝试对非 jQuery 对象使用 jQuery 方法。

jsFiddle 示例

Answer 3

我尝试了乔纳森的答案，它奏效了。

相反，我在第一个“li”之前添加“:nth-child(1)”以使目标更精确（我猜）。

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