隐藏和显示表格行,具体取决于行号

时间:2018-12-08 11:08:38

标签: javascript php jquery html-table

我正在做一个我的项目,我有两个桌子。第一个表包含公司,第二个表包含每个公司的服务。我想实施一项新功能。当我单击“公司”表中的一行时,我想获取ID并仅在与服务一起显示在第二个表中显示与该特定ID相关联的那些行。

我已经找到了如何从第一个表中获取ID。我现在反对一些我不太熟悉的代码。

$(document).ready(function() {
    $('#firsttable').find('tr').click( function(){
        var row = $(this).find('td:first').text();
        alert('You clicked ' + row);
        //$('#test').toggle('slow');
        var $rowsNo = $('#test tbody tr').filter(function () {
            return $.trim($(this).find('td').eq(1).text()) === row;
        }).toggle();
    });
});

我的第一个表有id="firsttable",第二个表是id="test"。此行

alert('You clicked ' + row);

成功输出id。现在,我正在尝试使用这部分代码

var $rowsNo = $('#test tbody tr').filter(function () {
        return $.trim($(this).find('td').eq(1).text()) === row;
}).toggle();

是使用id="test"(服务)隐藏表中的每一行,其中第二列的值等于row变量。例如,如果该行是2,则需要从服务表中隐藏第二个col值等于2的所有行。等待提示。

0 个答案:

没有答案