javascript - 删除包含特定标签的标签父级

Question

我正在尝试删除所有 <p>谁包含<br>标签。我正在使用这个 jQuery 代码，但它是错误的——代码不想删除 br , 我需要删除有 br 的 parent .

需要你的帮助，我看到很多删除脚本，但它不起作用。

jQuery(function($) {
  $('#singlecomment54').find('br').each(function() {
    $(this).remove();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="singlecomment54" class="ql-container ql-disabled">

  <div class="ql-editor" data-gramm="false" contenteditable="false">
    <p>ghjkghjk</p>
    <p>GHJK</p>
    <p>GHJK</p>
    <p><br></p>
    <p><br></p>
  </div>

  <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
</div>

Answer 1

您应该使用 .parent... 如:

$(this).parent('p').remove();

代码片段:

jQuery(function($) {
  $('#singlecomment54').find('br').each(function() {
    $(this).parent('p').remove();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="singlecomment54" class="ql-container ql-disabled">

  <div class="ql-editor" data-gramm="false" contenteditable="false">
    <p>ghjkghjk</p>
    <p>GHJK</p>
    <p>GHJK</p>
    <p>sdf<br></p>
    <p>sdf<br></p>
  </div>

  <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
</div>