如何关注jquery中的特定行

时间:2015-03-18 11:23:58

标签: jquery-ui

我的模块中有一个网格。在这个网格中第一列"船只名称"。在船只名称中按字母顺序排列。如果我点击任何一个容器,将打开一个弹出窗口。关闭弹出窗口后,网格不会正确刷新。最后的数据首先出现。我需要滚动。

所以我需要的是,关闭弹出窗口后,我需要专注于点击的船只。我怎样才能做到这一点。我在网格中有30多个数据。基于rowIndx我该如何实现?请帮我。

1 个答案:

答案 0 :(得分:1)

考虑您的表格结构

<table class="grid-class">
<tr>
 <td>ele 1</td>
 ..
 <td>ele X</td>
</tr>
<tr class="active">  // the one you clicked,set active to this and remove to all other
 <td>ele 1</td>
 ..
 <td>ele X</td>
</tr>
</table>

首先设置一个css(根据你的需要编写你的css)类激活,突出显示该行。然后尝试像 -

$(document).ready(function(){
    $('.grid-class tr').click(function() {
        $(this).sibling('tr').removeClass('active');
        $(this).addClass('active');
    });
});