在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>

我想隐藏"文本2",首先我想找到这个字符串然后隐藏它.我试过的是使用html().替换但它只隐藏文本而不是元素. 的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>