如何从表tr td中获取值

Question

我的html文件中有这个代码

{% for dimension in dimension_list %}
<tr>
  <td>{{dimension.title}}</td>
  <td>{{dimension.description}}</td>
  <div class="button-group">
    <td><button type="button" class="delete btn" id="btn-confirm-del" ><i class="fa fa-trash"></i></button></td>
  </div>
</tr>       
{% endfor %}

当用户单击按钮#btn-confirm-del时，如何获得dimension.title的值？你知道吗

我想在模态上显示它。你知道吗

Answer 1

为了避免在循环中玩id，我更喜欢下面的（在原生JS中）

将按钮更改为：

<button type="button" class="delete btn"  onclick="delete(event)"><i class="fa fa-trash"></i></button>

在JS部分捕捉该按钮，如下所示：

function delete(event) {
 console.log(
   (event.currentTarget)
   .parentElement
   .parentElement
   .parentElement
   .childNodes[0]
   .innerHTML)
}

Answer 2

您可以尝试以下操作：

$('.btn.delete').on('click', function(event){
     $(event.currentTarget).closest('tr').children('td').first().text();
});

它获取最接近按钮的<tr>，然后从第一个<td>中获取值

Answer 3

您可以在jquery中使用最近的方法

； $('.delete').on('click', function(){ var dTitle = $(this).closest('tr').find('td:first-child').text() alert(dTitle); }); ； ^{pr2}$ ；

；