javascript - 如何将第 n 个子选择器与 jquery 子选择器一起使用？

Question

这工作正常:

$("#element").find("> tr > td > i > a")

但我试图使用 nth-child 选择器来表示我想要一个特定编号的子项。例如，我想要:

$("#element").find("> tr > td > i > a:nth-child(3)")

我没有得到任何结果。有谁知道我如何选择所有第 n 个编号的 child ？预先感谢!

Answer 1

首先，除非非常需要直接后代( > )选择器，否则我认为不需要包含它们，您也可以适当缩短 CSS 选择器:

//Select 3rd <a> tag, within the context of #element td
$('a:nth-child(3)', '#element td');
   //or
$('#element td a:nth-child(3)')

fiddle :http://jsfiddle.net/KGWuK/

不过，目前为您提供的问题选择器仅在您的 HTML structure 时才有效。是:

 <td>
     <i>
         <a>One</a>
         <a>Two</a>
         <a>Three</a>
     </i>
 </td>    

这不是一种非常可取的标记样式。那是因为原始选择器选择 <a> <i> 的直接子代的标签