如何使用层次结构获取td的值?

时间:2009-08-01 00:23:56

标签: javascript jquery

<tr>
 <td>#</td>
 <td>2009</td>
 <td><a class="delete_this">Click</a></td>
</tr>

我想使用jquery并在单击锚点时获取第二个(第二个)“td”的文本。我想把“td”放在与锚点相同的tr中......

我该怎么做?

到目前为止我已经

$(document).ready(function(){
   $(".delete_this').click(function(){
   var myNUmber = $(this).parent()....///And this i should write the code to get the text for second td in tr where the anchor belongs to
 })
})

4 个答案:

答案 0 :(得分:2)

以下是几种方式:

$(this).parent().siblings("td:eq(1)").text()

如果您在以这种方式之前寻找细胞:

$(this).parent().prev().text()

答案 1 :(得分:1)

$('.delete_this').closest('tr').children(':eq(1)') .text();

1)获取.delete_this A标签
2)获得父TR
3)获得第二轮TD 4)获取第二个TD的文本

答案 2 :(得分:1)

var myNUmber = $(this).parent().siblings().get(1).text();

详情为here

答案 3 :(得分:1)

您最好只使用.live添加一次点击事件,而不是添加多个点击处理程序,如果您有一个大表,这将影响性能(想想100个单独的绑定事件)。

如果可以,请记住使用nodeName为类选择器添加前缀(这里您确定所有delete_this都是锚点)

 $('a.delete_this').live('click', function(){
   var myNUmber = $(this).parent().siblings().get(1).text();
 });