javascript - 在 div 中查找特定字符串并删除其 html 元素

Question

有没有办法使用 javascript 查找特定字符串并删除其 html 元素。例如，我有以下 html 代码:

<div class="summary">
List of texts:
  <ul>
   <li>Text 0</li>
   <li>Text 1</li>
   <li>Text 2</li>
   <li>Text 3</li> 
   <li>Text 4</li>
   <li>Text 5</li>
  </ul>
</div>

而我想隐藏“Text 2”，首先我想找到这个字符串，然后隐藏它。我试过的是使用 html().replace 但它只隐藏文本而不是元素。 JSFiddle

Answer 1

在 jQuery 中有 :contains

$('.summary li:contains(Text 2)').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="summary">
List of texts:
  <ul>
   <li>Text 0</li>
   <li>Text 1</li>
   <li>Text 2</li>
   <li>Text 3</li> 
   <li>Text 4</li>
   <li>Text 5</li>
  </ul>
</div>