title: jQuery: Select child element but I want to change parent?
body: <p>I have question with jQuery</p>
  
  <pre><code>&lt;ul class="tabs"&gt;
      &lt;li class="active"&gt;&lt;a href="#doc-new"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#doc-fav"&gt;Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#doc-read"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>How to use jQuery to set active for <code>&lt;li&gt;</code> with <code>&lt;a&gt;</code> have href is <em>doc-read</em> ?</p>
  
  <pre><code>&lt;ul class="tabs"&gt;
          &lt;li&gt;&lt;a href="#doc-new"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li class="active"&gt;&lt;a href="#doc-fav"&gt;Profile&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#doc-read"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I can find <em>#doc-read</em> but dont know how to <code>addClass</code> to parent <code>&lt;li&gt;</code>.</p>