我有这样的表:
<table id="tlist" border="1" cellpadding="0" cellspace="0">
<thead><tr><th>sort</th></tr></thead>
<tbody>
<tr class="lrow"><td>first</td>
</tr>
<tr class="lrow"><td>second</td>
</tr>
<tr class="lrow"><td>third</td>
</tr>
</tbody>
</table>
我要单击第一行。我已经尝试了一些解决方案。
我尝试过的
//$("#tlist tr").first().css("background-color", "#00f");
$("#tlist").find("tr").eq(1).addClass("highlight");
$("#tlist").find("tr").eq(1).trigger("click");
$(".lrow").click(function() {
alert("c");
});
$("#tlist tr").on('click', function() {
alert("d");
});
我在上面使用jquery准备好的文档上运行了这些代码。它不起作用。
highlight
已添加到目标行。但是颜色没有改变。我把它放在jfiddle上。有人有主菜吗?谢谢你的时间。
最佳答案
只需更改顺序,首先绑定事件,然后使用触发器。
脚本
//Even Binding
$(".lrow").click(function () {
alert("c");
});
$("#tlist tr").on('click', function () {
alert("d");
});
//Trigger event
$("#tlist").find("tr").eq(1).addClass("highlight");
$("#tlist").find("tr").eq(1).trigger("click");
同样在CSS中
.highlight{
background-color: #0f0; //remove quotes
}
DEMO