title: Iterate over <li> and replace text with jquery
body: <p>I have the following HTML structure:</p>
  
  <pre><code>&lt;div class="mydiv"&gt;
    &lt;ul&gt;
      &lt;li&gt;Text 1&lt;/li&gt;
      &lt;li&gt;Text 2&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul&gt;
      &lt;li&gt;Text 3&lt;/li&gt;
      &lt;li&gt;Text 4&lt;/li&gt;
    &lt;/ul&gt;
    &lt;ul&gt;
      &lt;li&gt;Text 5&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to find a string containing "4" and replace it with "four". Other strings from other <code>li</code> elements of this <code>div</code> are then no longer interesting for me. How can I do this if I only know in which <code>div</code> I should search but not which <code>li</code> element?</p>