Question

我有这个结构（见下文），我想在用户点击表格行的任何<td>时创建一个函数....

这是我的HTML代码

<table class="player_table">
    <tbody>
        <tr style="background-color: black; color:#fad32b;">
            <td style="width:32%">&nbsp;&nbsp;&nbsp;&nbsp;Playername</td>
            <td style="width:20%">Club</td>
            <td style="width:9%">Pos.</td>
            <td style="width:15%">Points</td>
            <td style="width:9%">Costs</td>
        </tr>

这是我的 Jquery 代码，但它无法正常工作

$(window).load(function() {    
    $(".player_table tbody tr").children().click(function() {
        console.log("test");
    });
});

我需要改变什么？

Answer 1

＆＃13;

  $("table > tbody ").on('click', 'tr', function() {
    console.log( this, " at index: ",  $(this).index() );
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>xxx</td>
    </tr>
    <tr>
      <td>xxx</td>
    </tr>
    <tr>
      <td>xxx</td>
    </tr>
    <tr>
      <td>xxx</td>
    </tr>
  </tbody>
</table>

＆＃13;

那会吗？

Answer 2

感谢您的所有帮助和建议，但这帮助了我：

$(window).load(function() {    
    $(".player_table").on('click', 'td', function() {
        console.log("test");
    });
});

Jquery - 正确选择

2 个答案: