jquery - jQuery 中的临时删除

Question

<div class="stuff">
<span class="to_hide"> blah </span>
<span id="permanent"> like glue </span>
</div>

我想获取 $(".stuff").text()，但我不获取 #tmp 的文本

这工作正常，我这样做 $(".to_hide").remove()

但我不希望删除操作对页面本身产生影响。如果我删除它或分离它，我需要知道元素在哪里(假设有许多 .to_hide 节点)

如何使用 .text() 而忽略 .to_hide

Answer 1

一种简单的方法是使用克隆

var text = $(".stuff").clone().find('.to_hide').remove().end().text();
console.log(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="stuff">
  <span class="to_hide"> blah </span>
  <span id="permanent"> like glue </span>
</div>

<小时/>

您也可以这样做 - 但如果您有复杂的系统和文本节点，它们是东西的直接后代，这可能不起作用

var text = $(".stuff *").not('.to_hide').text();
console.log(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="stuff">
  <span class="to_hide"> blah </span>
  <span id="permanent"> like glue </span>
</div>