从jquery中的DOM访问大子元素？

【问题标题】：Access grand child elements from the DOM in jquery?从jquery中的DOM访问大子元素？
【发布时间】：2012-06-10 13:35:24
【问题描述】：

我将如何访问 ul 结构中的大子元素，例如使用 jquery：

<ul>
   <li>Sample</li>
   <li>Sample</li>
   <li>Sample</li>
   <li>
        <ul>
            <li>Need to Get access to this li</li>
        </ul>
   </li>
   <li>Sample</li>

</ul>

【问题讨论】：

标签： jquery html css dom

【解决方案1】：

应该很简单

$('ul li ul li')

【讨论】：

【解决方案2】：

如果root 中有 ul 元素，那么root.find("li ul li") 将为您提供所需的 li 元素（以及该级别的所有其他元素）。

【讨论】：

【解决方案3】：

鉴于您的示例标记。

$('ul ul li');

【讨论】：

【解决方案4】：

$('ul li ul li')

将是 jQuery 中的代码。

您可以使用以下方法进行测试：

$('ul li ul li').css({fontWeight: 'bold'});

【讨论】：

【解决方案5】：

试试eq() 选择器：

$('ul:eq(1) > li')

http://jsfiddle.net/EDE7J/

【讨论】：

【解决方案6】：

您要查找的不是大子元素，因为那将是：

li > li
     +-- grand child
+-- child

你更想要孩子的后代：

li li
   +-- descendant (not necessarily immediate)
+-- child

将其锚定到您的顶部ul：

ul > li li

【讨论】：