JQuery: get table id by td button

Question

I have tr in the table header, which contains several input fields.

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

My tr looks like this:

<table id="tableID"> <thead> <tr> <th><input type="text" name="input1" id="input1" /></th> <th><input type="text" name="input2" id="input2" /></th> <th><input type="text" name="input3" id="input3" /></th> </tr> </thead> <tbody> // ... </tbody> </table> 

Thanks for any help with this, Tim.

Answer 1

In the click handler you can use .closest ()

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

Answer 2

 $("#tableID").on("click","input[type='text']",function(){ $(this).closest('table').attr('id'); }); 

link closest ()

Answer 3

you can use

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

it works.

Answer 4

You should delegate the event to avoid using multiple handlers, and then use delegateTarget to configure the current TABLE table:

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