How to get text of first element using jQuery
<p>I am trying to get the text in the first <code>td</code> in the parent <code>tr</code> which the clicked <code>span</code> element is located.</p>

<p>I thought the following would work, but it returns text in all <code>td</code> elements of the given <code>tr</code>.  How do I do this without doing something like <code>$t.closest('tr').find('td').eq(0).text()</code>?</p>

<p><a href="http://jsfiddle.net/9dh7pz73/3/" rel="nofollow">http://jsfiddle.net/9dh7pz73/3/</a></p>

<pre><code>$("table span").click(function(){
    var $t=$(this);
    console.log($t.closest('tr'),$t.closest('tr').first('td').text());
});
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt;a&lt;/td&gt;
        &lt;td&gt;0&lt;/td&gt;
        &lt;td&gt;&lt;span&gt;xxx&lt;/span&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;b&lt;/td&gt;
        &lt;td&gt;0&lt;/td&gt;
        &lt;td&gt;&lt;span&gt;xxx&lt;/span&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;c&lt;/td&gt;
        &lt;td&gt;0&lt;/td&gt;
        &lt;td&gt;&lt;span&gt;xxx&lt;/span&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>