Jquery-获取表中第一个td的值

Question

当用户点击"点击"时,我试图获得每个tr中第一个td的值.

下面的结果将输出aa,ee或ii.我正在考虑使用最近的('tr')..但它总是输出"对象对象".不知道该怎么做.

我的HTML是

 <table>
   <tr>
      <td>aa</td>
      <td>bb</td>
      <td>cc</td>
      <td>dd</td>
      <td><a href="#" class="hit">click</a></td>
   </tr>
   <tr>
      <td>ee</td>
      <td>ff</td>
      <td>gg</td>
      <td>hh</td>
      <td><a href="#" class="hit">click</a></td>
   </tr>
   <tr>
      <td>ii</td>
      <td>jj</td>
      <td>kk</td>
      <td>ll</td>
      <td><a href="#" class="hit">click</a></td>
   </tr>
</table>

jQuery的

$(".hit").click(function(){

 var value=$(this).// not sure what to do here

 alert(value)  ;

});

Answer 1

$(this).parent().siblings(":first").text()

parent给你<td>链接,

siblings给出所有<td>标签<tr>,

:first 给出集合中第一个匹配的元素.

text() 给出标签的内容.

Answer 2

这应该工作:

$(".hit").click(function(){    
   var value=$(this).closest('tr').children('td:first').text();
   alert(value);    
});

说明:

• .closest('tr')获取最近的祖先是一个<tr>元素(所以在这种情况下是<a>元素所在的行).
• .children('td:first')获取这个元素的所有子元素,但是使用:first选择器我们将它减少到第一个<td>元素.
• .text() 获取元素内的文本

从其他答案中可以看出,实现这一目标的方法不止一种.

Answer 3

在上面的具体情况中,你可以做父/子杂耍.

$(this).parents("tr").children("td:first").text()