jQuery遍历从单元格中获取变量值

jQuery traversing get variable value from cell

本文关键字：获取 变量值 单元格 遍历 jQuery      更新时间：2023-09-26

我有一个HTML表，如：

<table id="realtime" class="table table-bordered table-hover">
<tr>
<th>Agent</th>
<th>Number</th>
</tr>
<tbody><tr class="rowid">
<td class="name">Joe</td>
<td class="extension">Agent/1701</td>
<td><button onclick="myCall()" class="btn btn-default btn-sm">Record</button>
</td></tr>
<tr class="rowid">
<td class="name">Jane</td><td class="extension">sip/1702</td>
<td><button onclick="myCall()" class="btn btn-default btn-sm">Record</button></td>
</tr></tbody></table>

和一个javascript：

     function myCall() {
       var table = $('#realtime').dataTable(); 
       var extension = $('*').closest('td.extension').text();
       alert(extension);
     }

它显示如下扩展：代理人/171代理人/1702

我希望能够获得分配给扩展变量的各个值，因此，当onclick触发时，我可以将扩展变量发送到POST函数。仅针对该行中的代理。尝试了几种不同的方法，如：

var extension = $(this).closest('tr.rowid').find('td.name').text();

但是，我就是不能让它发挥作用。

有什么建议吗？

尝试

HTML

 <button onclick="myCall(this)"

JS-

 function myCall(elm) {
           var extension = $(elm).closest("tr").find('td.extension').text();
           alert(extension);
         }

或

$("button").click(function(){
       var extension = $(this).closest("tr").find('td.extension').text();
       alert(extension);
});

演示

相关文章：