如何選擇一組容器中的最後一個元素？

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節容器中刪除最後一個<BR>？我試過以下，但它沒有工作：

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

Answer 1

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

的>選擇是有，以確保您不刪除<p>標籤

Answer 2

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

Answer 3

這應該做的伎倆內<br>標籤：

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