如何使用 jQuery 获取具有某种类型的子对象的对象？

Question

如何使用 jQuery 获取具有某种特定类型的子对象的对象？例如，拥有下一个 DOM：

<ul id="menu">
  <li>Item 1</li>
  <li>
    Item 2
    <ul>
      <li>Item 2.1</li>
      <li>Item 2.2</li>
    </ul>
  </li>
  <li>
    Item 3
    <ul>
      <li>
        Item 3.1
        <ul>
          <li>Item 3.1.1</li>
          <li>Item 3.1.2</li>
        </ul>
      </li>
      <li>Item 3.2</li>
    </ul>
  </li>

如何获取#menu 中至少有一个<ul> 类型的子元素的所有<li> 元素？

Answer 1

试试这个 -

$("#menu li:has('ul')")

http://api.jquery.com/has-selector/

工作演示-->http://jsfiddle.net/V6Eqm/

Answer 2

你可以使用：

$('#menu li').has('ul')

jsFiddle example

Answer 3

是的，使用：

$('#menu li ul').parent();

http://jsfiddle.net/Vshzh/