javascript - 带有表格行的选择器

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 并且行看起来很好，i 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');
});