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'); 
});