如何找到最近的表jQuery

时间:2013-12-09 16:11:28

标签: jquery html-table keyup closest

我正在尝试在搜索值时获取最近的表格。

这是我的代码,但我总是'未定义'。

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>

1 个答案:

答案 0 :(得分:4)

尝试使用 .next() 来查找以下table(在相同的DOM级别):

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

.closest()是找到元素的第一个父元素。

但是由于你的表有一个id,你应该使用它(我希望你没有几个id为#tablePlanning的表,否则你应该使用一个类名。