javascript - jquery 已知 div 中的最后一个未知元素

Question

如何选择已知 div 中的最后一个子元素，其中该子元素是未知元素。即:元素可以是段落或无序列表。

大多数情况下结构是:

<div id="container">
<p>Text</p>
</div>

但在其他情况下，结构将是:

<div id="container">
<p>Text</p>
<ul>
<li>More Text</li>
</ul>
</div>

Answer 1

您可以单独使用 :last-child 而无需类型选择器，如下所示:

$('#container > :last-child')

这相当于指定 * 选择器来代替类型选择器(* 是可选的，在这种情况下是隐含的，但如果它是可选的，您可以将其放入让代码对您来说更清晰):

$('#container > *:last-child')

无论元素是什么类型，这都会为您提供最后一个子元素。在第一个结构中，它是 p，在第二个结构中，它是 ul (它的 li 子元素不是 包括)。

这也是一个有效的 CSS 选择器，因此您也可以根据需要在样式表中使用它。