javascript - tr 的背景颜色不会使用 jquery 改变

Question

我想在单击其子 td 时更改 tr 的背景颜色。我无法将 onclick 添加到 tr，因为它是在呈现后从 asp.net 的 gridview 控件动态生成的。

我的标记是

<tbody>
  <tr>
    <td style="width:27%;"><span onclick="SelectAddressRow(this)">Ajish</span></td>
    <td style="width:40%;"><span onclick="SelectAddressRow(this)">22</span></td>
    <td style="width:33%;"><span onclick="SelectAddressRow(this)">Male</span></td>
 </tr>
</tbody>

我的代码是

function SelectAddressRow(column) {
  var tableRow=$(column).parent();
  $(tableRow).parent().css({ "background-color": "#B3B3B3" });
}

但它不起作用，但如果语句被替换为 td，它会影响

$(tableRow).css({ "background-color": "#B3B3B3" });

Answer 1

这种方法怎么样。由于您使用的是 jQuery，因此使用内联 javascript 没有意义:

$('table').on('click', 'span', function() {
    $(this).closest('tr').addClass('selected');
});

CSS:

.selected {
    background: #B3B3B3;
}

http://jsfiddle.net/m5D85/