javascript - Jquery 删除子项并返回父项

Question

这个很简单..我想删除一个子元素但返回父元素。

换句话说，我想得到一个元素减去给定类的子元素..

当我使用时:

 $("#element").clone().find('.elementsToRemove').remove().html();

它不会返回没有具有“elementsToRemove”类的子项的#element，而是返回已删除的元素..

问题是:如何返回父级？

Answer 1

使用是因为你使用的是经过过滤的元素子集，使用.end()

var html = $("#element").clone().find('.elementsToRemove').remove().end().html();


$('#log').text(html)

#log {
  border: 1px solid red;
}

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


<div id="element">
  <div>
    <p>something</p>
    <div class="elementsToRemove">elementsToRemove</div>
    <div class="elementsToRemove">elementsToRemove</div>
  </div>
  <div>
    <p>something</p>
    <div class="elementsToRemove">elementsToRemove</div>
    <div class="elementsToRemove">elementsToRemove</div>
  </div>
</div>

注意:这将返回 #element

的内部 html