用jquery删除<br/>

时间:2010-08-12 23:13:44

标签: jquery

我有以下标记,这只是总标记的一小部分。

<div align="center">
  <img src="v/vspfiles/templates/100/images/headings/heading_shoppingcart.gif">
</div>
<br><br>

我想删除两个<br>代码。

注意:在此之前和之后页面上还有其他<br>标记我不想删除。

我想过使用一个选择器来定位包含heading_shoppingcart.gif的src以及类似.after然后.remove <br>的div的div。

不确定正确的语法或是否有更好/更简单的方法。

4 个答案:

答案 0 :(得分:6)

这将安全地保留任何后续的<br>元素,因为您似乎暗示可能会有更多内容应该保留。

$('img[src$=heading_shoppingcart.gif]').parent().nextUntil(':not(br)').remove();

答案 1 :(得分:2)

怎么样:

$("img[src$='heading_shoppingcart.gif']").parent().nextAll('br').remove()
  • [$=]是'属性以'选择器结尾。
  • .parent()向上移动到包含元素
  • .nextAll()获得以下所有兄弟姐妹

答案 2 :(得分:1)

$('[src~=images/headings/heading_shoppingcart.gif]').parent().nextAll('br').remove();

答案 3 :(得分:0)

我认为以下内容可行:

var br1 = $("img[src='v/vspfiles/templates/100/images/headings/heading_shoppingcart.gif']").parent("div").next("br");

br1.add(br1.next("br")).remove();