Remove <br /> after image using jquery or javascript

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>

How do I ditch that hanging <br /> with jquery? I've tried a ton of examples here ,but nothing works. Any ideas?

Answer 1

你试过这个吗？

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

Answer 2

Assuming you want to remove all <br> that follow an <img> you can use this:

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

If you prefer it to apply only to those inside a <td> :

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

Answer 3

I'd suggest:

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

This seems to be, in Chromium 22/Ubuntu 12.10, just under twice as fast as the approach using next() : JS Perf comparison .

References:

• CSS adjacent-sibling combinator .

Answer 4

really no reason to use JavaScript here, because it can be easily done with CSS:

img + br {display:none;}

;-)