使用jquery或javascript删除图像后

Question

我有...

<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>

如何沟是挂<br />与jquery？ 我在这里尝试了很多例子，但没有任何作用。 有任何想法吗？

Answer 1

你试过这个吗？

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

Answer 2

假设你要删除<img>所有<br> ，你可以使用它：

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

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

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

Answer 3

我建议：

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

在Chromium 22 / Ubuntu 12.10中，这似乎比使用next()的方法快两倍： JS Perf比较 。

参考文献：

• CSS邻近兄弟组合 。

Answer 4

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

img + br {display:none;}

;-)