Question

使用Thymeleaf动态创建表格。表格的每一行都附有img链接。单击我想获取所选行的img链接第一，第二和第三单元格。

相关表格代码

<table class="table" id="tblDocType" style="padding: 20px 10px;">
<thead class="thead-dark">
<tr>
<th scope="col"> <b> Document Type </b></th>
<th scope="col"> <b> Practice Area </b> </th>
<th scope="col"><b> Retention Policy </b></th>
<th scope="col"> <b> Effective Date<br> Required </b></th>
<th scope="col"> <b> Termination Date<br> Required </b></th>
<th scope="col"> <b> Action</b></th>
</tr>
</thead>
<tr th:each="doctype,iterStat  : ${dlist}">
<td th:text = "${doctype?.doctypes}"></td>
<td th:text = "${doctype?.practiceAreaId}"></td>
<td th:text = "${doctype?.retention_policy}"></td>
<td th:text = "${doctype?.effectiveDateRequired}"></td>
<td th:text = "${doctype?.terminationDateRequired}"></td>
<td>
<a href="#" th:name="${doctype?.practiceAreaId}" th:id="${iterStat.index}" onclick="deleteTrigger(this.id)" style="color: blue;">
<span class="glyphicon glyphicon-trash"></span>
</a>
</td>
</tr>
</table>

我正在尝试使用jquery获取单元格值。

相关的jQuery代码

function deleteTrigger(id){
   var value=$("#tblDocType").closest("tr").find('td:eq(0)').text();
   console.log("value=",value);
   var doctypesjson={
          "doctypes": id,
          "practiceAreaId": pracaticeareaidfrombutton     
  };
}

在控制台中，该值将变为空白。

如果您知道可以解决该问题的方法，请帮助我。预先谢谢你

Answer 1

目前看来，您的代码正在寻找第一个 TR ，然后是第一个 TD 。但是，这不会做任何事情，因为您的第一个TR仅包含 TH 。

在调用deleteTrigger（）函数时，应传递被单击的元素

getSingularAttributes()

但是，由于您已经在使用jQuery，因此完全放弃删除功能并使用侦听器可以使您的生活更轻松；

deleteTrigger(this); // use this for your TR lookup.

如果使用Thymeleaf创建表，如何使用jquery获取表的第一个单元格的内容

1 个答案: