去掉 <br> 使用jQuery標簽？

Question

美好的一天。

實際上這是wordpress網站，但我需要使用jquery的一般解決方案（如果可行），我試圖刪除
div末尾的標記。

看到我像這里一樣使用div

    <div class="one_third">
<p>This is for testing</p>
    </div>
    <br> <!--This one -->
    <div class="one_third">
    </div>
    <br><!--This one -->
    <div class="one_third">
    </div>
    <br><!--This one -->

在上面的示例中，我在此div內的div中使用了one_third類，我也使用了br標簽。 但是，我只想刪除div外部的br標簽，我的意思是在jquery的div末尾。

</div>
<br>

我不確定如何在jquery中執行此操作（實際上我嘗試使用wordpress disable wpautop也刪除了div內的br標簽（我不想僅在div外刪除div內的br標簽的div））。

任何建議都很好:)

謝謝，vicky

Answer 1

您應該只將HTML放在一行上。
wpautop在換行符上插入<br> ，因此將HTML代碼放在一行上可以避免整個問題。

<div class="one_third"><p>This is for testing</p></div><div class="one_third"></div><div class="one_third"></div>

啟用wpautop時，構造標記的方式就是一切。

Answer 2

它是元素one_third的下一個同級

$('.one_third').next('br').remove()

演示： 小提琴

Answer 3

您可以在jQuery中使用next()和remove()方法

$(".one_third").next('br').remove();

Answer 4

非JavaScript解決方案將是一個簡單的CSS兄弟選擇器

.one_third + br { 
    display : none; 
}

如果您真的想使用jQuery，則可以使用相同的選擇器並使用remove()

$(".one_third + br").remove();