How do I target the `<span>` for the `<li>` that has `<a>` class `selected` in it?
<pre><code>&lt;li&gt;
  &lt;a class="selected" href="#"&gt;One&lt;/a&gt;
  &lt;span class="tab-arrow"&gt;&lt;/span&gt;
&lt;/li&gt;
&lt;li&gt;
  &lt;a href="#"&gt;Two&lt;/a&gt;
  &lt;span class="tab-arrow"&gt;&lt;/span&gt;
&lt;/li&gt;
</code></pre>

<p><code>span.tab-arrow</code> is set to <code>display:none</code>. I want to add a <code>display:block</code> through jQuery only when the <code>&lt;a&gt;</code> tag above it has a class of <code>selected</code>. How do I target the <code>&lt;span&gt;</code> for the <code>&lt;li&gt;</code> that has <code>&lt;a&gt;</code> class <code>selected</code> in it?</p>

<p>Something like this?</p>

<p><code>$("a.selected").parent() more code here... css('display', 'block');</code></p>
