Question

I am trying to get the text value of a table cell relative to a clicked link. Click the link in any of the cells of class ‘three” and get the text of that particular row’s cell named class ‘one’.

<tr>
<td class='one'><a href="#">Text to get</a></td>
<td class='two'>meh</td>
<td class='three'><a href="#">Click this to get the text in the first cell of this row</a></td>
</tr>
<tr>
<td class='one'>Different text to get</td>
<td class='two'>blah</td>
<td class='three'><a href="#">Click this to get the text in the first cell of this row</a></td>
</tr>

I can get the clicked element’s text with something like:

console.log($(this).text());

But how do I get the text of that first cell in the row?

I thought that, as an example, it would be somethng like:

console.log($(this).prev().prev().text());

But that is not correct (returns “an empty string”). Any suggestions?

Answer 1

Try:

$(this).closest('td').siblings('.one').text();