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

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。