Get table id by click in td using jQuery

Question

I have a tr in a table header that contains several input fields.

Is there a way that by click on one of these input fields I can get the id of the parent table ?

Answer 1

$("#tableID").on("click","input[type='text']",function(){

$(this).closest('table').attr('id');

});

reference closest()

Answer 2

You can use

$('#tdId').click(function(){
    $(this).parents('table').attr('id');
});

it works.

Answer 3

In the click handler you can use .closest()

$(this).closest('table').attr('id')

Answer 4

You should delegate event to avoid multiple handlers, and then use delegateTarget to target current TABLE:

$('table').on('click', 'input', function (e) {
    alert(e.delegateTarget.id);
});