Как удалить элементы, которые не находятся внутри другого элемента?

Question

У меня есть страница галереи на Wordpress, которая каждый раз, когда я добавляю изображение через визуальный редактор (редактор html не является вариантом для моего клиента) Wordpress добавляет <br /> теги, которые беспорядочны с макетом. Единственный способ, которым я могу думать, как это исправить, - удалить их с помощью jQuery. Однако я не знаю, как удалить только те элементы, которые мне нужны. Вот подобная структура:

<div id="content"> 
<div class="wp-caption"> 
    <img> 
    <p> I need to <br /> keep this break <p> 
    </div> 
    <br /> <!-- remove this --> 
<div class="wp-caption"> 
    <img> 
    <p> I need to <br /> keep this break <p> 
    </div> 
<div> 

Теперь с JQuery я могу это сделать:

$("#content br").remove(); 

Это удаляет даже в <br /> внутри wp-content. Есть ли способ отфильтровать их?

Answer 1

$('#content > br').remove(); или $('#content').children('br').remove() удалит только <br /> теги, являющихся непосредственными потомками #content.