时间戳

首页 > 解决方案 > 删除包含特定标签的标签父级

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

问题描述

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

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

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>

标签： javascriptjquery

解决方案

您应该使用.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>

推荐阅读