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>

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