Jquery 如何选择表中的tr行?

Jquery 如何选择表中的tr行?,jquery,Jquery,你能帮我吗?我想将此代码用于表 通过单击“.click”(在前面tr行中的td中),(下一个tr“.showme”)应该切换类 $(文档).ready(函数(){ $(“.click”)。单击(函数(){ $(this.parent().find(“.showme”).toggleClass('Active-Inactive'); }); }); 1. 2. 幻灯片 1. 2. 幻灯片 是否有方法检查哪个tr打开并关闭它,如果打开另一个tr?您可以使用父项(“tr”)和下一步(.showme

你能帮我吗?我想将此代码用于表

通过单击“.click”(在前面tr行中的td中),(下一个tr“.showme”)应该切换类

$(文档).ready(函数(){
$(“.click”)。单击(函数(){
$(this.parent().find(“.showme”).toggleClass('Active-Inactive');
});
});

1.
2.
幻灯片
1.
2.
幻灯片

是否有方法检查哪个tr打开并关闭它,如果打开另一个tr?

您可以使用
父项(“tr”)
下一步(.showme”)

$(文档).ready(函数(){
$(“.click”)。单击(函数(){
$(this.parents(“tr”).next(“showme”).toggleClass(“Active-Inactive”);
});
});
.showme{
显示:无;
}
.主动{
显示:块;
}

1.
2.
幻灯片
1.
2.
幻灯片

尝试下面的代码:您可以使用
最近的
获取父TR,然后使用
下一个
获取showme类的下一个TR。另外,删除toggleclass方法中的逗号,并使用空格分隔

$(文档).ready(函数(){
$(“.click”)。在('click',function()上{
$(this).closest('tr').next('tr.showme').toggleClass('Active-Inactive');
});
});
.Active{
颜色:绿色;
}
.不活跃{
颜色:红色;
}

1.
2.
幻灯片
1.
2.
幻灯片

请也发布您的标记。从toggle类
toggleClass('Active-Inactive')中删除
抱歉,这不起作用,网站上说“我的代码太长了”:(只需将表结构放在很少的tr中,这样我们就可以理解结构,并帮助您了解我能做什么,当有很多tr-行时?我如何处理这个问题?(不是下一行,而是第二行或第三行)你能给我一些示例代码,这样我可以向你推荐解决方案。任何JSFIDLE或codepen或任何实时代码都可以。我无法更新code pen,因此通过添加新的代码段编辑了上面的答案。请参考。如果你觉得这个答案有用,那么你可以投票并接受答案。非常感谢。现在,我已经更新了我的pen。我当我打开另一个时,有没有一种方法可以关闭活动tr?此外,我想在活动td中添加一个类(当我单击它时,它会变为“蓝色”,而通过单击另一个,我会变回“红色”?非常感谢。它看起来非常好。唯一的一点是,当没有任何活动时,它不会变回红色。