Question

var ff = "<div class='ofr-test'><h3>My test</h3><div class='ban--content'><strong>Only a Test</strong><p>Blah Blah</p><p id='first' class='red'>Blah2 Blah2 Blah2</p></div></div>"

$(ff).find('.first').remove().end().html();

正常运行，但正在删除父div(class=‘ofr-test’)，我该如何解决？

Answer 1

试试这个

var ff = ".ofr-test"

$(ff).find('#first').remove().end().html();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='ofr-test'>
  <h3>My test</h3>
  <div class='ban--content'>
  <strong>Only a Test</strong>
  <p>Blah Blah</p>
  <p id='first' class='red'>Blah2 Blah2 Blah2</p></div></div>

你有一个名为first的id而不是一个类更多使用上面的语法来选择一个更易读的节点。虽然我不确定为什么整个div在你的情况下使用但它不是一个好的选择< / p>

从html文档jquery中删除子节点

1 个答案: