выделите 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>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>
  

Ответ №1:

Попробуйте:

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

Ответ №2:

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