Javascript 定位 tr 元素

Question

我正在尝试使用“.venue_table”类来定位表内的元素。我想在每次单击元素时切换/取消切换突出显示的背景颜色。这不起作用：

<script>
 $(document).ready(function(){
    $(".income_table tr").click(function () {
        $(this).toggleClass("toggled_tr");
     });
 });
</script>

我的代码有问题吗？

Answer 1

对我有用：http://jsfiddle.net/mplungjan/xBzPW/

<style>
.income_table { background-color:red }
.toggled_tr { background-color:yellow }
</style>
<script>
$(document).ready(function() {
  $(".income_table tr").click(function () {
   $(this).toggleClass("toggled_tr");
  });
});
</script>

<table class="income_table">
    <tr>
        <td>Row 1 cell 1</td>
        <td>Row 1 cell 2</td>
    </tr>
    <tr>
        <td>Row 2 cell 1</td>
        <td>Row 2 cell 2</td>
    </tr>
</table> 

Answer 2

看起来是对的，但您可能需要定位 TD 并在那里应用该类。尝试：

<script>
 $(document).ready(function(){
    $(".income_table tr td").click(function () {
        $(this).siblings().toggleClass("toggled_td");
     });
 });
</script>