我有这样的表:

<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

10-01 18:11
查看更多