去掉 <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();