title: Wrapping or removing parts of a <span> by jQuery
body: <p>I have a dynamically created span that I want to remove partly or target partly by CSS. Basically it goes like that:</p>
  <pre><code>&lt;span class=&quot;myOuterClass&quot;&gt;
   &lt;span class=&quot;myInnerClass&quot;&gt;...some text&lt;/span&gt;&lt;!--.myInnerClass--&gt;
     some more text/10
  &lt;/span&gt;&lt;!--myOuterClass--&gt;
  </code></pre>
  <p>I want to remove the last three characters /10.</p>
  <p>My ideas are:</p>
  <ol>
  <li>Wrapping these characters in another span (using jQuery), giving the span a class (e.g. new_class) and remove it by using CSS.</li>
  </ol>
  <pre><code>.new_class {display: none;}
  </code></pre>
  <ol start="2">
  <li>Or using jQuery to remove the last three characters.</li>
  </ol>
  <p>Both methods are OK for me, but I cannot do both of them it due to my poor jQuery.
  Can anybody give me some ideas?
  Thanks</p>