Javascript 使用jquery的已知div中的最后一个未知元素

如何在子元素为未知元素的已知div中选择最后一个子元素。i、 e：元素可以是段落或未排序的列表

大多数情况下，结构将：

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

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

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

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

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

您可以在不使用类型选择器的情况下单独使用：last child，如下所示：

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

这相当于指定*选择器来代替类型选择器。在本例中，*是可选的并且是隐含的，但是如果它使代码更清晰，您可以将其放入：

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

这将得到最后一个子元素，不管它是什么类型的元素。在第一个结构中，它是p，在第二个结构中，它是ul，它的li子项不包括在内

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

您可以使用。最后

对所有div的子级使用jQuerys last方法。

使用：last选择器

试试这个

$('#container > :last')

---

应该首选基于标准的选择器。@Shomz：我也这么认为，但我对：first、：last和：eq不够熟悉。我绝对肯定地知道：最后一个孩子将使用给定的标记。当然，当然，只是说。。。立即为您提供+1：