How to find closest table jQuery

Question

I am trying to get the closest table when I search for a value.

This is my code but I always get 'undefined'.

jQuery :

 $(function() {
     $("#searchValue").keyup(function() {
         alert($(this).closest('table').attr('id'));
     });
 });

HTML:

<input type='text' name='searchValue' id='searchValue'/>

<table id='tablePlanning' class='tablesorter'>
    <thead>
        <tr>
            <th>PR Code</th>
            <th>Klant</th>
            <th>Description</th>
            <th>Project status</th>
            <th>Project Leader</th>
            <th>Coordinator</th>
            <th>Account manager</th>
            <th>Billing</th>
            <th>Start Datum</th>
            <th>Hardware</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>

to use `closest`, your table should be a `parent` from #searchValue — Ricardo Binns, Dec 09 '13 at 16:13
Assuming `$("#searchValue")` is inside a `` element, the only explanation I can think of is that the table in question does not have an `id` attribute. — Barney, Dec 09 '13 at 16:14
Your input is not inside the table so you can't use closest. Why not just use `.next('table')` or `siblings('table')` or `$('#tablePlanning')`? — putvande, Dec 09 '13 at 16:18
In retrospect, maybe `closest()` wasn't the most appropriate name for a method that iterates over ancestors... — Frédéric Hamidi, Dec 09 '13 at 16:19

Brewal · Answer 1 · 2013-12-09T16:37:12.020

4

Try to use .next() to find the following table (at the same DOM level) instead :

$(function() {
   $("#searchValue").keyup(function() {
     alert($(this).next('table').attr('id'));
   });
});

.closest() is to find the first parent of the element.

But since your table has an id, you should use it (I hope you don't have several tables with the id #tablePlanning otherwise, you should use a classname.

edited Dec 09 '13 at 16:37

answered Dec 09 '13 at 16:18

Brewal

8,067
2
24
37

2

To be specific, `closest()` matches the first element in the ancestor chain that matches the selector, *including the source element itself*. – Frédéric Hamidi Dec 09 '13 at 16:21

How to find closest table jQuery

1 Answers1