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

Question

Here's the first few lines of my code:

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

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

e.target gives me a td which is wrapped in a tr . I want to read the innerHTML of the first element in that tr row. How do I do this? (I'm also interested in jQuery solutions of course)

Answer 1

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

Answer 2

$('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
});

Answer 3

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

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

Answer 4

You can use closest() along with find() and :eq() selector:

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