How to remove the first two BR tags with jquery?

Question

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?

Answer 1

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 2

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.