我想從資料表行中提取所選輸入文本的陣列索引
(function($) {
$('table tbody').on('click', '.btn', function(){
var tr = $(this).closest('tr');
var a = $(tr).find('input.dataform').attr('name');
alert(a);
});
}) <table>
<tbody>
<tr>
<td><input type="text" name="dataform[1][firstname]" class="dataform"/></td>
<td><button type="button" class="btn">Go</button></td>
</tr>
<tr>
<td><input type="text" name="dataform[2][firstname]" class="dataform"/></td>
<td><button type="button" class="btn">Go</button></td>
</tr>
</tbody>
</table>假設第一行的按鈕被觸發；var a return dataform[1][firstname] 這是正確的。但是我也想提取輸入名稱陣列索引，它是 1
uj5u.com熱心網友回復：
下面的代碼可以作業，或者您可以嘗試在按鈕上添加一個 data-idx="1" 并在最近的輸入上添加一個 data-idx="1" ，這樣您就可以快速使用$('input[data-idx="' $(this).attr('data-idx') '"]').attr('name');
$(function() {
$('.btn').on('click', function(){
var tr = $(this).parent().parent().find('tr');
$(tr).hide();
var a = $(this).parent().parent().find('input.dataform').attr('name');
alert(a);
});
}); <table>
<tbody>
<tr>
<td><input type="text" name="dataform[1][firstname]" class="dataform"/></td>
<td><button type="button" class="btn">Go</button></td>
</tr>
<tr>
<td><input type="text" name="dataform[2][firstname]" class="dataform"/></td>
<td><button type="button" class="btn">Go</button></td>
</tr>
</tbody>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/422566.html
標籤：
下一篇：Jquery功能不適用于所有按鈕