Javascript Bootstrap表单元格和列值

Question

无法访问我的表值。如何访问我单击的值的标题值。另外，如何根据单击的单元格访问第一个索引？例如，单击姓名，但获得该人姓名的Uid。

现在，这正在检索单元格的值，但我需要更多功能。

<script>

    $("#table").on("click", "td", function (row, $el, field) {

        var col = $(this)[0].textContent

        alert(col);

    });

</script>

Answer 1

您需要使用.closest（）从td向上遍历到其祖先tr，然后使用.find（）进入该行的第一个td，然后使用.text（）获得该单元格的文本内容。

所有这些都可以通过将jquery方法链接在一起来完成，但是我在下面将其分开以显示步骤。

    $("#table").on("click", "td", function () {
        var parentTr = $(this).closest('tr');
        var firstCellContent  = parentTr.find('td:eq(0)').text();
       console.log(firstCellContent); // gives cell 1
    });
    

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="table">
  <tr> 
    <th> column 1<th>
    <th> column 2<th>
    <th> column 3<th>
    <th> column 4<th>
  </tr>
    <tr> 
    <td> cell 1<td>
    <td> cell 2<td>
    <td> cell 3<td>
    <td> cell 4<td>
  </tr>


</table>