jquery - CSS，选择所有一级元素

Question

我知道您可以使用“*”来选择所有元素，使用“ul > li”来获取所有第一级元素，但是是否可以使用类似“> *”或等效的东西。

这是我尝试实现的目标，我当前的代码(使用 jQuery):

$( '<div/>' ).html( content ).find( '*' );

...这会让我得到一切。我只想使用上面的代码获得第一级元素。

“内容”的示例 HTML 结构为:

<p>Text <strong>bold</strong></p>
<div>...</div>
<h1>Text</h1>
<div>Text-only</div>

Answer 1

使用.children():

console.log($(".test").children()); // will only get <p>, <div>, <h1>, and <div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
<p>Text <strong>bold</strong></p>
<div>...</div>
<h1>Text</h1>
<div>Text-only</div>
</div>

这将返回父级的所有直接子级。