从HTML元素的子元素中删除连续HTML元素之一

Question

我有一个HTML div，我知道它的id，并且还有一些子元素（以及它们的子元素）。我想要做的是如果我连续看到两个<br/>元素，我想删除它们中的一个。即我的意思是：

<div id="a"> 
    <div> 
    <span> 
    <br/> 
    <span> 
    <span> 
    <br/> 
    <br/> 
    <span> 
    <div> 
</div> 

是：

<div id="a"> 
    <div> 
    <span> 
    <br/> 
    <span> 
    <span> 
    <br/> 
    <span> 
    <div> 
</div> 

Answer 1

$('#a').find('br+br').remove(); 

Answer 2

您可以尝试

$('br + br').remove()

span { 
 
    border: 1px solid red; 
 
    padding: 5px; 
 
    display: block; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="a"> 
 
    <div> 
 
    <span> 
 
     <br/> 
 
     <span> 
 
     <span> 
 
      <br/> 
 
      <br/> 
 
      <span> 
 
      <div> 
 
      </div> 
 
      </span> 
 
     </span> 
 
     </span> 
 
    </span> 
 
    </div> 
 
</div>