이 옆에 td 또는 tr가 강조 표시됩니다.

Question

확인란을 클릭하면 rowXcol2의 배경색을 변경하는 가장 좋은 방법은 무엇입니까?

<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> 

Answer 1

$("tr :checkbox").live("click", function() { 
    $(this).closest("tr").css("background-color", this.checked ? "red" : ""); 
}); 

Answer 2

시도 :

$(".actionItem").click(function() { 
    var highlight_td = $(this).parent().prev("td"); 
    highlight_td.css({background-color: "#ff0"}); 
});