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

Question

我的页面上有几个容器有一个尾随＆lt; br＆gt;我想删除。容器属于同一类，但是我遇到了“：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>

如何删除最后一个＆lt; br＆gt;从.side-section容器？我尝试了以下但它不起作用：

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

Answer 1

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

>选择器用于确保您不删除<br>标记内的<p>标记

Answer 2

这应该可以解决问题：

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

Answer 3

$(".side-section br:last").filter(function() { return $(this).css("display") == "none" });