title: How do I replace special class with another in jquery?
body: <p>E.g:</p>
  
  <pre><code>&lt;li class="dataItem ready igto" status="ready"&gt;I will change status to waiting&lt;/li&gt;
  </code></pre>
  
  <p>and then ,I just want to change the <strong>ready class</strong> to <strong>waiting</strong>.THe normal way is to <strong>removing</strong> the <strong>class ready</strong> and adding new class!</p>
  
  <p><strong>and another situation is how to replace multi class at once!? E.g:</strong></p>
  
  <pre><code>&lt;!-- replace done wainting error to ready --&gt;
  &lt;li class="dataItem done igto" status="ready"&gt;I will change status to ready&lt;/li&gt;
  &lt;li class="dataItem waiting igto" status="ready"&gt;I will change status to ready&lt;/li&gt;
  &lt;li class="dataItem error igto" status="ready"&gt;I will change status to ready&lt;/li&gt;
  </code></pre>
  
  <p>to :</p>
  
  <pre><code>&lt;li class="dataItem ready igto" status="ready"&gt;I will change status to waiting&lt;/li&gt;
  </code></pre>
  
  <p>Thank you very much!!</p>