Как получить содержимое первой ячейки таблицы, используя jquery, если таблица создана с использованием Thymeleaf

Question

Таблица создается динамически с использованием Thymeleaf.К каждой строке таблицы прикреплена ссылка img.По щелчку которого я хочу получить выделенные строки img link первой, второй и третьей ячейки.

Соответствующий код таблицы

<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 () вы должны пройти через элемент, по которому щелкнули

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

Однако, поскольку вы уже используете jQuery, вам может быть проще отказаться от своей жизни.функция удаления в целом и использовать слушатель;

$(“tr”).click(function(){
  $(this).find(“td”).first() // this will get the first td of a clicked row
  $(this).find(“td”).eq(1) // this will get second td etc...
})