How to remove the first two BR tags with jquery?

Question

My customer's CMS from the last century outputs the following code.

And I'd like to remove only the first two BR tags with jquery.

<div id="system">
<BR CLEAR="ALL"><BR>// I want to remove both BR.
...

<BR>...
...
<BR>

I assume something like this. But I am not sure.

$('#system br').remove();

Could anyone tell me how to do this please?

Thanks in advance.

Answer 1

Try

$('#system br:first').remove();
$('#system br:first').remove();

The first line removes the first br, then the second br becomes the first, and then you remove the first again.

Answer 2

$("#system br:lt(2)").remove();

Answer 3

Use :lt():

$('#system br:lt(2)').remove();

:lt() takes a zero-based integer as its parameter, so 2 refers to the 3rd element. So :lt(2) is select elements "less than" the 3rd.

Example: http://jsfiddle.net/3PJ5D/

Answer 4

Also try nth-child.

$("#system > br:nth-child(1), #system > br:nth-child(2)").remove();​

removes first and second instance of br within #system