提问者:小点点

如何将隐藏的html元素的值传递给jQuery?


我在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]);      
        });
    });

这就是它打印的内容:“


共1个答案

匿名用户

您可以简单地使用.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>

相关问题