使用JavaScript连续获取第一个单元格

时间:2014-02-27 13:19:31

标签: javascript jquery

这是我的代码的前几行:

$('tr.existing_users > td').click(function(e){

    var target_name= e.target;
    var first_element=target_name.parent.first; //wrong

e.target为我提供td,其中包含tr。我想阅读innerHTML行中第一个元素tr。我该怎么做呢? (我当然也对jQuery解决方案感兴趣)

4 个答案:

答案 0 :(得分:2)

var first_element = $(this).parent().children().eq(0);
var first_html = first_element.html();

答案 1 :(得分:0)

$('tr.existing_users').on("click", function(e){  //listen for click on tr
    console.log($(this).find("> td").eq(0).html());  //find children tds and get first one
});

答案 2 :(得分:0)

$(e.target).closest('tr').children().first().html();

此解决方案会保留您现有的点击选择器,并始终为您提供第一个父tr中第一个元素的html。

答案 3 :(得分:0)

您可以使用closest()以及find():eq()选择器:

$('tr.existing_users > td').click(function(e){
    var first_element =  $(this).closest('tr').find(':eq(0)').html();
});