title: jquery - how to find a span containing text withing another span
body: <p>i have <code>span</code> containing text 'Compare'. within it I have another span containing 'Exam'. </p>
  
  <p>I can grab each one separately:</p>
  
  <pre><code>$('span:contains("Compering")')
  [&lt;span class=​"prop"&gt;​…​&lt;/span&gt;​] # works
  </code></pre>
  
  <p>other one:</p>
  
  <pre><code>$('span:contains("Exam")')
  [&lt;span class=​"prop"&gt;​…​&lt;/span&gt;, ....​] #works
  </code></pre>
  
  <p>the thing is The second condition catches too many items , so I want to grab a span within a span. </p>
  
  <p><strong>Update:</strong> tried:</p>
  
  <pre><code>$('span:contains("Compering")').find('span:contains("Exam")')
  []
  </code></pre>
  
  <p>any ideas?</p>
  
  <p><strong>edit</strong></p>
  
  <p>found the bug in my question
  The span is not contained inside the other span but inside the 'compering' span parent li. 
  solved it by <code>$('span:contains("Compering")').closest('li').find('span:contains("Exam")')</code>
  thanks @Praveen Kumar</p>