title: How do I add a class to specific html elements, If they contain a certain value
body: <p>For example, I have the below html:</p>
  
  <pre><code>&lt;div id="stuff"&gt;
  &lt;span&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I need to select some in this fashion:</p>
  
  <pre><code>$('#stuff').find('&lt;span&gt;1&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;').addClass('2');
  </code></pre>
  
  <p>Which should turn the html into this:</p>
  
  <pre><code>   &lt;div id="stuff"&gt;
      &lt;span class="2"&gt;1&lt;/span&gt;&lt;span class="2"&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>However, the above does not work. Anyone know how to use jQuery to select things directly off the DOM by looking for the html?</p>
  
  <p>Also, the span's must be selected in order, so if I had this:</p>
  
  <pre><code>&lt;div id="stuff"&gt;
  &lt;span&gt;2&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And used the above JS, it would not do anything.</p>