从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

你可以尝试

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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