Javascript 带表行的选择器
我有一个html表,我在一行上添加了一个类。 该类是以这种方式应用的,稍后我想交换这些行Javascript 带表行的选择器,javascript,jquery,Javascript,Jquery,我有一个html表,我在一行上添加了一个类。 该类是以这种方式应用的,稍后我想交换这些行 $('.bTable').on('click', 'tbody tr', function(event) { if($(this).attr('class')!='highlightgreen'){ $(this).addClass('highlightgreen').siblings().removeClass('highlightgreen');
$('.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
查找每行中具有classhighlightgreen
的元素。空格是后代选择器。除此之外,使用.hasClass()
或.is()
确定状态