根据第5个td中的i tag属性值过滤表行

时间:2016-04-19 23:56:53

标签: jquery

我知道那里有很多例子,但似乎没有什么对我有用而且我疯了。这是我的代码。我有多行,但我想只显示第5 tdi attr stopnotify中包含1 stopnotify="1"的行,它等于tr示例( stopnotify="1"

我需要返回整个<tbody class="searchable"> <tr data-index="0" style="display: table-row;"> <td style="text-align: left; width: 20px; ">1</td> <td style="text-align: left; width: 20px; ">testing</td> <td style="text-align: left; width: 20px; "><a href="http://www.example.com/" target="_blank">http://www.example.com/</a></td> <td style="text-align: left; width: 20px; "> 2 <i class="fa fa-search emailsfound" data-toggle="modal" data-target="#myModal" style="cursor:pointer; color:#397eb9" id="1" title="testing"></i></td> <td style="text-align: left; width: 20px; ">0 <i class="fa fa-times-circle stopnotify" client_id="1" stopnotify="1" title="testing" style="cursor:pointer; color:red"></i></td> </tr> </tbody>

我的问题是我如何获取jquery来过滤我的表行,并且只显示第5行和第1行中的行,其中有一个attr $('tbody').addClass('searchable'); $('.stopped_notify').on('click', function() { $('.searchable tr').hide(); $('.searchable tr td:nth-child(5) i').filter(function() { return $(this).attr('stopnotify') == 1; }).show(); });

HTML

foo.c

JQUERY

#include <gc.h>

1 个答案:

答案 0 :(得分:0)

我终于明白了。这是jquery

$('tbody').addClass('searchable');
$('.stopped_notify').on('click', function() {
    $('.searchable tr').hide();
    $('.searchable tr td:nth-child(5) i').filter(function() {
        return $(this).attr('stopnotify') == 1;
    }).closest('tr').show();
});