Get table id by click in td using jQuery

identifier, jquery

Solution

In the click handler you can use .closest()

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

Problem

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 ? 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> ```

Original source