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”时。。。返回带条纹的行。。不碰撞相同的颜色