我有一些關於如何在不同列中獲取隱藏輸入字段的小問題。以下是我的代碼僅供您參考。在不同列中獲得隱藏輸入[type = hidden]
<table class="table table-bordered table-striped table-condensed" id="table_data">
<thead class="header">
<tr class="well">
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="hidden" id="changesID" value="no" />A</td>
<td id='1'>B</td>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td><input type="hidden" id="changesID" value="no" />E</td>
<td id='2'>F</td>
<td>G</td>
<td>H</td>
</tr>
<tr>
<td><input type="hidden" id="changesID" value="no" />I</td>
<td id='3'>J</td>
<td>K</td>
<td>L</td>
</tr>
</tbody>
</table>
的Javascript
$(document).ready(function() {
$('table').on('click', 'tbody td:not(:first-child)', function (e) {
var id = $(this).attr('id');
console.log(id)
});
});
當我點擊第二欄應該顯示ID和位於第一列
1
no
任何人有想法隱藏輸入字段?任何幫助將不勝感激。謝謝 https://jsfiddle.net/ash_systm/05y977vf/
_「當我點擊第二欄應該顯示ID和位於第一列隱藏輸入字段」 _你是想排除單擊處理第一'tr' ,但是在第二個'tr'點擊時記錄第一個'tr''輸入'值?請注意,'document'中的'id'應該是唯一的;問題 – guest271314
在'html'處有重複'changesID''id',您能否對預期輸出做更具體的描述? '「當我點擊第二列時,它應該顯示位於第一列的id和隱藏輸入字段」 – Iceman
@Iceman「,當我點擊第二列時,它將在第二列顯示值id,並在第一列顯示值隱藏字段。所以在console.log()當我點擊第一行時,在第二列它將顯示1,否 – art