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

是否有一种使用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>

文本清单：

文本0
文本1
文本2
正文3
文本4
文本5

我想隐藏“文本2”，首先我想找到这个字符串，然后隐藏它。 我尝试使用html（）.replace，但它只隐藏文本而不隐藏元素。

---

使用JQuery，您可以这样做：

$('.summary ul').children().each(function () {
    if($(this).text() == searchedValue) {
        $(this).hide(); 
    }
})

在jQuery中有

$（'.summary li:contains（Text 2）'）.hide（）

文本清单：

文本0
文本1
文本2
正文3
文本4
文本5

对li元素进行排序，检查文本内容是否为搜索值，然后隐藏或删除元素

 $(function() {
  $('.summary li').each(function() {
   var $this = $(this);
   if($this.text() === 'Text 2'){$this.hide();}
  });

});

你的小提琴很近。下面是从DOM中删除元素的更新版本

$('.summary li').each(function() {
   var $this = $(this);
   if ($this.text() === 'Text 2') {
       $this.remove();
   }
});

jquery也是有效的。我喜欢这个答案。非常简单。比我的效率高！GJ:）我评论说亚历山大所做的是用最好的方式来做这个把戏。你的进步很好。我会编辑这个。谢谢你的建议