如何选择一组容器中的最后一个元素？

Question

我的页面上有几个容器有一个我要删除的尾随<br>.容器属于同一类,但我遇到了":last"选择器(如果这是我应该使用的).

这是我的HTML:

<div class="side-section">
    <p>Something 1</p>
    <br>
</div>
<div class="side-section">
    <p>Something 2</p>
    <br>
</div>
<div class="side-section">
    <p>Something 3 <br> Test 3</p>
    <br>
</div>

如何从.side-section容器中删除最后一个？我尝试了以下但它不起作用:

$(".side-section br").filter(":last").remove();
$(".side-section").filter("br:last").remove();

Answer 1

$(".side-section > br:last-child").remove();

的>选择是有,以确保您不删除<br>内部标签<p>标签