Javascript jQuery addClass停止工作
出于某种原因,jQuery.addClass已停止工作。我不知道为什么。 不过,其他东西也行Javascript jQuery addClass停止工作,javascript,jquery,Javascript,Jquery,出于某种原因,jQuery.addClass已停止工作。我不知道为什么。 不过,其他东西也行 // Change row background color on click jQuery('#rowList tr').live("click", function() { alert(jQuery(this).attr('title')); // Just here for testing. This works alert(jQuery(this).css('border
// Change row background color on click
jQuery('#rowList tr').live("click", function() {
alert(jQuery(this).attr('title')); // Just here for testing. This works
alert(jQuery(this).css('border','solid 1px red')); // Just here for testing. This works
jQuery(this).closest("tr").siblings().removeClass("selected");
jQuery(this).addClass("selected"); // NOT working
});
有什么原因导致这不起作用吗?这是我的HTML:
<table id="rowList">
<tbody>
<tr title="My title 1" class="imageItem odd"> <td>some stuff</td></tr>
<tr title="My title 2" class="imageItem even"><td> some stuff here</td></tr>
</tbody>
</table>
一些东西
这里有些东西
第二个警报中缺少一个)
:
alert(jQuery(this).css('border','solid 1px red'));
^
一旦你修复了它的工作。另一方面,由于您使用的是
,因此不需要调用.closest(“tr”)
,您可以将其从链中删除,大致如下所示:
CSS:
脚本:
jQuery('#rowList tr').live("click", function() {
alert(jQuery(this).attr('title'));
jQuery(this).addClass("bordered selected")
.siblings().removeClass("selected");
});
.您在第二个警报中缺少一个)
:
alert(jQuery(this).css('border','solid 1px red'));
^
一旦你修复了它的工作。另一方面,由于您使用的是
,因此不需要调用.closest(“tr”)
,您可以将其从链中删除,大致如下所示:
CSS:
脚本:
jQuery('#rowList tr').live("click", function() {
alert(jQuery(this).attr('title'));
jQuery(this).addClass("bordered selected")
.siblings().removeClass("selected");
});
.因为您编写它的方式是
.addClass()
将类添加到td
而不是父tr
除非省略
最近('tr')
是一个输入错误?因为您编写它的方式是.addClass()
将类添加到td
而不是父tr
除非省略
最近('tr')
是一个输入错误?您是否试图将class=“selected”
添加到tr
或td
?我正在将该类添加到tr
中您是否试图添加class=“selected”
添加到tr
或td
中?我正在将类添加到tr
中,警报只是为了测试,只是我的一个输入错误。是addClass不起作用。到目前为止,它一直在工作。@Steven-它在我的演示中工作……这里的行为非常简单,您的CSS是否可能类似于td.className
,而不是tr.className
?我用jQuery删除了两行以添加/删除类,然后它工作了。。。。所以我的系统肯定有别的问题。但是谢谢你的简短代码-更少的开销。顺便说一句。很好的沙盒你的链接。警报只是为了测试-只是我的一个打字错误。是addClass不起作用。到目前为止,它一直在工作。@Steven-它在我的演示中工作……这里的行为非常简单,您的CSS是否可能类似于td.className
,而不是tr.className
?我用jQuery删除了两行以添加/删除类,然后它工作了。。。。所以我的系统肯定有别的问题。但是谢谢你的简短代码-更少的开销。顺便说一句。很好的沙盒,你的链接。