Javascript 在tbody标记中应用某个类

Javascript 在tbody标记中应用某个类,javascript,jquery,css,Javascript,Jquery,Css,我有一个函数,在搜索某个单词时隐藏表中的行 table.find(el+):not(“+criteria+”)).Parent().hide() 此命令将返回非隐藏行,即筛选结果: console.log(table.find (el + criteria) .parent (). parent ()) 日志结果: [tbody, tbody, prevObject: n.fn.init[2], context: table#tableQuest.table.table-striped.

我有一个函数,在搜索某个单词时隐藏表中的行

table.find(el+):not(“+criteria+”)).Parent().hide()

此命令将返回非隐藏行,即筛选结果:

  console.log(table.find (el + criteria) .parent (). parent ())
日志结果:

 [tbody, tbody, prevObject: n.fn.init[2], context: table#tableQuest.table.table-striped.table-hover.form-group]
    0: tbody
    1: tbody
    context: table#tableQuest.table.table-striped.table-hover.form-group
    length: 2
    prevObject: n.fn.init[2]
    __proto__: n[0]
过滤器工作正常,但我想应用这一行:

$('tbody').parents('table#tableQuest').find('tr:even').not(':first').addClass( 'even' )

.even { background: #f9f9f9; }
此行使表格行接收交替颜色/条纹。但是它被应用到整个表中,我只需要得到tbody的tbody 0和1


搜索文本“2”时。。。返回带条纹的行。。不碰撞相同的颜色

小提琴-->

我将非常感激

解决方案

试试这个:

even:nth-child(1):{
background: #f9f9f9;
}
$(文档).ready(函数(){
$('tbody')。parents('table#tableQuest')。find('tr:event')。not('tfirst')。addClass('event');
});
//功能过滤器行
$('table#tableQuest')。每个(函数(){
变量表=$(此)
var headers=table.find('th').length
var filterrow=$('').insertAfter($(this).find('th:last()').parent())
对于(变量i=0;i
。偶数{背景:红色;}

探索

A将非常有用!我拉小提琴。。。搜索文本“2”时。。。返回带条纹的行。。不碰撞同一颜色。。tksa找到解决方案-->做得好!如果您解决了自己的问题,请提交答案并将其标记为已解决!这可能有助于将来的其他人。这行代码如何
$('tbody')。parents('table#tableQuest')。find('tr:event')。not('first')。addClass('event')
等同于此
$(“#tableQuest tr:visible:偶数”)。而不是(“:first”)。addClass(“偶数”)
?搜索文本“2”时。。。返回带条纹的行。。不碰撞相同的颜色