Question

I used to have something like,

$(elem).parents('li').find(...)

Where elem was an item in a list, so it was easy to get a reference to all of the items in the list. Now however I have added more information and decided to use a table, where the list fits into the table as follows.

[header][header][header]

[list 1][ cell ][ cell ]

[list 2][ cell ][ cell ]

[list 3][ cell ][ cell ]

I’m a little stuck creating the equivalent JQuery do a .find() on just the cells that have the list items in it. The list items are always in the left-most table cells excluding the header.

Here is what the table looks like in html.

<table id="my-table">
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
<tr>
<td>list item 1</td>
<td>junk</td>
<td>junk</td>
<td>junk</td>
</tr>
<tr>
<td>list item 2</td>
<td>junk</td>
<td>junk</td>
<td>junk</td>
</tr>
</table>

Answer 1

Use:

$(elem).closest('tr').find(...)