使用jQuery或JavaScript删除图像后的<br />标签

Question

I have...

<td align="right" vAlign="top">
<img src="test/test.gif" width="1" height="4" border="0"><br />
Number<font color="#CC0000">*</font>:
</td><td></td><td>

我该如何使用jquery去掉那个卡住的<br />？我尝试了这里的很多例子，但是都没有成功。有任何想法吗？

- Geek Grid

---

你从哪里找到那个HTML混乱的东西啊？<font>标签早在2000年就过时了。 - ThiefMaster

我完全同意！不是我的代码 :( - Geek Grid

Answer 1

你尝试过这个吗？

$("img").next("br").remove();

- VisioN

Answer 2

假设您想删除所有跟在<img>后面的<br>，您可以使用以下代码：

$('img + br').remove()

如果您希望它仅适用于<td>内部的内容：

$('td > img + br').remove()

- ThiefMaster

---

谢谢大家！这个代码为我解决了问题： $('td > img + br').remove() - Geek Grid

Answer 3

我建议：

$('img + br').remove();

在Chromium 22/Ubuntu 12.10中，这种方法似乎比使用next()函数的方法快了近一倍：JS Perf比较。

参考文献:

• CSS相邻兄弟组合器。

- David Thomas

Answer 4

这里真的没有使用JavaScript的理由，因为它可以很容易地用CSS实现：

img + br {display:none;}

;-)

- SAiNT