jquery - 获取选定的单元格元素数据表

Question

我有一个包含匹配项的表格，当我单击奇数时，它会在 div 中显示单击的奇数。这是我的 table :

 <table class="table table-bordered" id="display1" name="display1">
 <thead>
  <tr>
  <th>Teams</th>
  <th>1</th>
  <th>X</th>
  <th>2</th>
  </tr>
  </thead>
  <tbody>
  <tr>
  <td>Etoile - Bizertin</td>
  <td><a href="#">1.34</a></td>
  <td><a href="#">0.34</a></td>
  <td><a href="#">0.35</a></td>
 </tr>
 </tbody>
 </table>
 <div id="selectedOption"></div>

这是我的 JavaScript:

<script>
var table = $('#display1').DataTable();
$('#display1 tbody').on('click', 'td', function () {
    $("#selectedOption").html(table.cell(this).data());
});
</script>

我希望当我点击 1、x 或 2 时显示:

球队1-球队2奇数

星辰 - 比塞坦 1.34

Answer 1

Table.cell(this) 是无意义的。使用

我使用 index() 添加了一个条件，以防止将团队名称插入到 #selectedOption div 中。

var table = $('#display1').DataTable();
$('#display1 tbody').on('click', 'td', function () {
    // prevent click to the first cell with team names
    if ($(this).index() !== 0) {
        $("#selectedOption").html($(this).text());
    }
});