jQuery: how to navigate a table row to extact cell data
<p>I am trying to navigate a table row that has been clicked, to extract data from other parts of the row.</p>

<p>this is the HTML snippet of the row that was clicked on:</p>

<pre><code>&lt;tr&gt;&lt;td class=" sorting_1"&gt;Foobar&lt;/td&gt;
    &lt;td&gt;Hello&lt;/td&gt;&lt;td&gt;&lt;a href="/some/path/abc.html"&gt;42&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;0&lt;/td&gt;
    &lt;td&gt;&lt;img src="/images/img.gif"&gt;&lt;/td&gt;
    &lt;td&gt;7:44 AM&lt;/td&gt;
    &lt;td&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="/path2/read/3"&gt;Read it&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a class="booboo" href="#"&gt;Just do it&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;&lt;/td&gt;
</code></pre>

<p>The cell element that was clicked on has class "booboo".</p>

<p>I want to be able to select the following data:</p>

<ul>
<li>the id used in the url of the previous li a sibling (it is 3 in the example given above)</li>
<li>the name in the first column (it is 'Foobar' in the example given)</li>
<li>the url of the anchor elem in the 2nd cell (should be /some/path/abc.html in this example)</li>
</ul>

<p>Can anyone point out the functions required to navigate a table row, preferably with a snippet showing how to select the values in the sample snippet shown above?</p>
