Javascript 带表行的选择器

Javascript 带表行的选择器,javascript,jquery,Javascript,Jquery,我有一个html表,我在一行上添加了一个类。 该类是以这种方式应用的,稍后我想交换这些行 $('.bTable').on('click', 'tbody tr', function(event) { if($(this).attr('class')!='highlightgreen'){ $(this).addClass('highlightgreen').siblings().removeClass('highlightgreen');

我有一个html表,我在一行上添加了一个类。 该类是以这种方式应用的,稍后我想交换这些行

$('.bTable').on('click', 'tbody tr', function(event) {

       if($(this).attr('class')!='highlightgreen'){
            $(this).addClass('highlightgreen').siblings().removeClass('highlightgreen');

       }else{
            $(this).removeClass('highlightgreen');
       }
});
我似乎无法使用
eq()
选择该类行

错误示例:我尝试
alert()
a,行显示正常,我
alert()
b,出现空值

var a = $('.bTable tbody tr').eq(0);
var b = $('.bTable tbody tr .highlightgreen').eq(0);

如何正确选择
.highlightgreen
行?

当选择带有类的TR时,请注意没有空格。
$('TR.className')
在具有类的TR中选择元素时,您可以执行
$('TR.className')

所以只需删除空间

var b = $('.bTable tbody tr.highlightgreen').eq(0);
eq(0)
将获得集合中的第一个元素

$('.bTable').on('click', 'tbody tr', function(event) {
    $(this).toggleClass('highlightgreen')
           .siblings().removeClass('highlightgreen');
});

这与
.eq
无关,您的选择器错误
.b表tbody tr.highlightgreen
查找每行中具有class
highlightgreen
的元素。空格是后代选择器。除此之外,使用
.hasClass()
.is()
确定状态