Javascript 在此旁边突出显示td或tr
单击复选框时更改rowXcol2背景色的最佳方法是什么Javascript 在此旁边突出显示td或tr,javascript,jquery,Javascript,Jquery,单击复选框时更改rowXcol2背景色的最佳方法是什么 <table> <tr><td>row1col1</td><td>row1col2</td><td><input class="actionItem" type="checkbox" /></td></td></tr> <tr><td>row2col1</td><td&
<table>
<tr><td>row1col1</td><td>row1col2</td><td><input class="actionItem" type="checkbox" /></td></td></tr>
<tr><td>row2col1</td><td>row2col2</td><td><input class="actionItem" type="checkbox" /></td></tr>
<tr><td>row3col1</td><td>row3col2</td><td><input class="actionItem" type="checkbox" /></td></td></tr>
</table>
Row1冷却液1冷却液2
row2col1row2col2
Row3Col1 Row3Col2
试试:
$(".actionItem").click(function() {
var highlight_td = $(this).parent().prev("td");
highlight_td.css({background-color: "#ff0"});
});
$("tr :checkbox").live("click", function() {
$(this).closest("tr").css("background-color", this.checked ? "red" : "");
});