How to replace the span text using class name inside div
<p>How can I replace replace "Sunday" and "Monday" with "SUN" and "MON" using jquery in the HTML below.</p>

<pre><code>&lt;table&gt; 
  &lt;tr&gt;
    &lt;th&gt;
      &lt;div&gt;
        &lt;div class="xyz"&gt;
          &lt;a href="www.google.com"&gt; 20 may &lt;span&gt;Sunday&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/th&gt;
    &lt;th&gt;
      &lt;div&gt;
        &lt;div class="xyz"&gt;
          &lt;a href="www.google.com"&gt; 21 may &lt;span&gt;Monday&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/th&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</code></pre>
