如何删除jQuery组的其他成员的后代元素？

Question

假设我已经收集了一个与某些选择器匹配的jQuery DOM节点组，并且选择器是如此，使得某些匹配节点可能是其他匹配项的后代，例如：

<div class="row">
    <!-- ... -->
    <div class="row"><!-- ... --></div>
    <!-- ... -->
</div>
<div class="row">
    <!-- ... -->
    <div class="row">
        <!-- ... -->
        <div class="row"><!-- ... --></div>
    </div>
    <div class="row"><!-- ... --></div>
    <!-- ... -->
</div>

$rows = $('.row');

现在假设我将要执行的操作将影响每个节点的整个子树，并且我需要确保我最多对任何给定的DOM节点执行一次操作。 如何删除组中属于同一组其他成员后代的所有元素？

Answer 1

我发现最简单，最干净的方法是结合$.fn.not()和$.fn.find() ：

var $rows = $('.row');
$rows = $rows.not($rows.find($rows));

$elems.find($elems)将返回所有成员$elems是一个或多个成员的后代$elems （不包括元素本身，所以不用担心有）。 $elems.not(group)将仅返回不在group的$elems group 。 在一起，这将找到$elems所有其他成员的所有成员，然后返回其他所有内容。