我有一个 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);
}
显示如下扩展名: 特工/1701 特工/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);
});
DEMO
关于javascript - jQuery遍历从单元格获取变量值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26384321/