javascript - 如何使用 text() 查找元素

Question

我想知道是否可以根据子文本内容隐藏父 div？

//$('div > .tree-title').hide(); 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <span>1</span>
  <span></span>
  <span class="tree-title">Hello</span>
</div>
<div class="container">
  <span>2</span>
  <span></span>
  <span class="tree-title">World</span>
</div>

在这种情况下，我想隐藏第二个 div，因为类 .tree-title 包含 World 文本。

Answer 1

您可以使用 jQuery 的 :contains()和 .parent()

$('div > .tree-title:contains(World)').parent().hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <span>1</span>
  <span></span>
  <span class="tree-title">Hello</span>
</div>
<div class="container">
  <span>2</span>
  <span></span>
  <span class="tree-title">World</span>
</div>