how to remove a specific text from a ul
<pre><code>&lt;ul id="boxinoamicizie"&gt;
  &lt;li class="first"&gt;from 
            &lt;a href="users/valerio"&gt;valerio&lt;/a&gt; 
               (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
  &lt;/li&gt;
  &lt;li&gt;from 
            &lt;a href="users/federico"&gt;federico&lt;/a&gt; 
               (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
  &lt;/li&gt;
  &lt;li class="last"&gt;from &lt;a href="users/federico"&gt;federico&lt;/a&gt; 
               (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
  &lt;/li&gt;
 &lt;/ul&gt;
</code></pre>

<p>i need to remove "from" and leave the rest of the string i tried to use </p>

<pre><code> $('.item-list ul li').each( function(){   
     var text = this.textContent;
     this.textContent = text.replace( /from/g, "" );
  });
</code></pre>

<p>but it cancel me "from" and the links from the html code </p>

<p>can somebody give me some help?</p>

<p>EDIT:</p>

<p>the result i need is </p>

<pre><code>&lt;ul id="boxinoamicizie"&gt;
 &lt;li class="first"&gt;
        &lt;a href="users/valerio"&gt;valerio&lt;/a&gt; 
           (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
  &lt;/li&gt;
  &lt;li&gt;
        &lt;a href="users/federico"&gt;federico&lt;/a&gt; 
           (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
  &lt;/li&gt;
  &lt;li class="last"&gt;
        &lt;a href="users/federico"&gt;federico&lt;/a&gt; 
           (&lt;a href="#"&gt;Approve&lt;/a&gt;|&lt;a href="#"&gt;Disapprove&lt;/a&gt;)
 &lt;/li&gt;
&lt;/ul&gt;
</code></pre>
