jQuery选择第一级"级别"的元素

Question

我想只选择第一个"级别"上的元素.

例如:

<div id="BaseElement">
  <p>My paragraph 0</p>
  <div>
    <span>My Span 0</span>
    <span>My Span 1</span>
  </div>
  <span>MySpan 2</span>
  <span>MySpan 3</span>
  <p>My paragraph 1</p>
</div>

假设你有BaseElement节点.

var Element = $("div#BaseElement");

如何仅从基本元素节点获取节点？

$("div#BaseElement span")

只应该导致获得MySpan 2和MySpan 3.

Answer 1

$("#BaseElement").children("span");

要么

$("#BaseElement > span");

请参阅jQuery选择器和children().

Answer 2

在jQuery API中,当它引用'descendants'时它意味着所有级别,当它引用'children'时它意味着只有第一级

这将为您提供所有第一级孩子(在您的示例中,第一个p,div,2个跨度和最后一个p)

$('#BaseElement > *')