我有一個表格，其中為每一行自動生成資訊我有一個按鈕，該按鈕又具有輸入型別 = 'hidden' 元素：
<table>
<tr>
<td>ROW1</td>
<td>
<input type="hidden" id="id_1" value="1" />
<button class="btn btn-danger" id="bttn_1">DEL</button>
</td>
</tr>
<tr>
<td>ROW2</td>
<td>
<input type="hidden" id="id_2" value="2" />
<button class="btn btn-danger" id="bttn_2">DEL</button>
</td>
</tr>
<tr>
<td>ROW3</td>
<td>
<input type="hidden" id="id_3" value="3" />
<button class="btn btn-danger" id="bttn_3">DEL</button>
</td>
</tr>
</table>
如果我從 bttn_3 id 按下按鈕 3，那么我可以使用 id_3 id 從隱藏輸入中獲取值。
uj5u.com熱心網友回復：
你可以這樣做：
$('button[id^=bttn_]').click(function() {
var val = $(this).siblings("input").val()
})
$('button[id^=bttn_]')將選擇id開頭的所有按鈕bttn_
$(this).prev("input")意味著我們將選擇與單擊的按鈕相關聯的輸入。
演示
顯示代碼片段
$('button[id^=bttn_]').click(function() {
console.log($(this).siblings("input").val())
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>ROW1</td>
<td>
<input type="hidden" id="id_1" value="1" />
<button class="btn btn-danger" id="bttn_1">DEL</button>
</td>
</tr>
<tr>
<td>ROW2</td>
<td>
<input type="hidden" id="id_2" value="2" />
<button class="btn btn-danger" id="bttn_2">DEL</button>
</td>
</tr>
<tr>
<td>ROW3</td>
<td>
<input type="hidden" id="id_3" value="3" />
<button class="btn btn-danger" id="bttn_3">DEL</button>
</td>
</tr>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472735.html