我在HTML中有一个带有PHP动态值的隐藏元素,当我单击表中值所在的行时,我希望在jQuery中得到它。 现在我可以点击一行并获得该行第一列的值,但是它将整个元素打印为字符串。
<td>
<input type="hidden" name="zyx" value="test id" />
</td>
jquery代码:
$(document).ready(function() {
var table = $('#myTable').DataTable();
$('#myTable tbody').on('click', 'tr', function() {
var data = table.row(this).data();
alert(data[0]);
});
});
这就是它打印的内容:“”
您可以简单地使用.find
查找在单击行中找到的第一个td
中的第一个输入:
null
$(document).ready(function() {
$('#myTable tbody').on('click', 'tr', function() {
const $input = $(this).find('td:first-child input');
console.log($input.val());
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="myTable">
<tbody>
<tr><td><input type="hidden" name="xyz" value="value 1" />Value 1</td></tr>
<tr><td><input type="hidden" name="wxy" value="value 2" />Value 2</td></tr>
</tbody>
</table>