如何删除不在另一个元素内的元素？

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标记。