title: How to addclass if child li has specific content?
body: <p>I'm trying to add class on <code>li</code> based on the content. My code is adding the class on both <code>li</code> parent and child, but i need to add only that <code>li</code> which has specific content.
  <a href="https://jsfiddle.net/imayazshah/u51bnpzo/" rel="nofollow"><strong>JS FIDDLE</strong></a></p>
  
  <pre><code>&lt;ul class="Team"&gt;
      &lt;li&gt;Manager
          &lt;ul&gt;
              &lt;li&gt;Team Leader&lt;/li&gt;
              &lt;li&gt;Php Developer&lt;/li&gt;
              &lt;li&gt;Graphic Designer&lt;/li&gt;
              &lt;li&gt;Game Developer&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;
          Admin
          &lt;ul&gt;
              &lt;li&gt;Assistant Accountant&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I'm trying to add the class <code>.trend</code> on that <code>li</code> which has <code>Game Developer</code> content.</p>
  
  <p><code>$('.Team li:contains(Game Developer)').addClass('trend');</code></p>
  
  <p>But above code adding to class on both <code>li</code> parent and child. Can any one guide me how can i select <code>li</code> based on the content. I will appreciate.  </p>