Find specific string in a div and delete its html element

Question

is there a way using javascript to find a specific string and delete its' html element. For example, I have this following html code:

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

and I want to hide "Text 2", first I want to find this string and then hide it. what I've tried is using html().replace but it hides only the text not the element. JSFiddle

Answer 1

In jQuery there is :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>

Answer 2

Your fiddle is pretty close. Here's an updated version removing the element from the DOM.

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

http://jsfiddle.net/sLa3dkdd/3/