jQuery的第n个孩子选择与子女

Question

我试图从与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> 

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 example

Answer 3

我试图乔纳森的回答和它的工作。

相反，我在第一个“li”之前加上“：n-child（1）”，以使目标更精确（我猜）。

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