选择器与表行

Question

我有一个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，并且null出现。

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

如何正确选择.highlightgreen行？

Answer 1

当选择带有课程的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');
});