Question

我试图用类'.income_table'来定位表内的元素。我希望每次点击一个元素时切换/取消切换突出显示的背景颜色。这不起作用：

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

我的代码有问题吗？

Answer 1

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

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

Answer 2

适合我：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>

Javascript目标tr元素

2 个答案: