Remove from a specific div

Question

I need to remove break from a specific div , I know how to remove all breaks with

$('br').remove();​

But I need to save some breaks elsewhere on the page,

How to remove div breaks with identifiers "grape1" and "grape12", but leave the rest intact?

Answer 1

 $('#grape1,#grape12').find('br').remove(); 

Answer 2

 $('br', '#grape1, #grape12').remove();​ 

The second argument to the $ selector allows you to filter your search for a given subset, not for the entire DOM. In this case, we tell jQuery to only look at grape1 and grape12 . This will match all brs in these divs.

Jsfiddle

Answer 3

If this does not work (as it happened in my case), it is possible because <br> generated by some scripts after the JS .remove() code is executed.

To check if I was right, I set a rather long timeout and all my unwanted ones disappeared after that time. So in the end I just decided to put plain CSS

#grape1 br, #grape12 br { display: none; }

and eveybody happy =)