使用jquery删除<br/>标签?

时间:2014-01-17 17:30:43

标签: javascript jquery html wordpress

美好的一天。

实际上它是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禁用wpautop也删除了div内部的br标签(我不想删除div内部的br标签)我的意思是div))。

任何建议都会很棒:)

谢谢, 维基

4 个答案:

答案 0 :(得分:7)

您应该将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时的所有内容。

答案 1 :(得分:6)

它是具有类one_third

的元素的下一个兄弟
$('.one_third').next('br').remove()

演示:Fiddle

答案 2 :(得分:3)

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

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

答案 3 :(得分:3)

非JavaScript解决方案将是一个简单的CSS兄弟选择器

.one_third + br { 
    display : none; 
}

如果您真的想使用jQuery,可以使用相同的选择器并使用remove()

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