jquery - 如何获取静态列的隐藏值

Question

我得到了一个具有动态列的数据 GridView ，它根据用户输入而有所不同。 这些列是根据用户的日期差异绘制的。

<table class="table table-bordered" id="Tablev">
  <tr input type="hidden" id="trr">
   <th></th>
  </tr>
  <tr></tr>
</table>

我需要使用 jquery 获取所有隐藏字段值，并且我使用以下命令来访问它，但它显示一个空值。

var ask_id = $('#trr').val();
alert(ask_id);

Answer 1

正如@barmar所说<tr>元素没有值。您的 HTML 需要如下所示:

<table class="table table-bordered" id="Tablev">
    <tr><input type="hidden" id="trr" ></tr>
    <tr></tr>
</table>

现在你可以做:

var ask_id = $('#trr').val();
alert(ask_id);

工作片段:-

$(document).ready(function(){
   var ask_id = $('#trr').val();
   alert(ask_id);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-bordered" id="Tablev">
  <tr><input type="hidden" id="trr" value="20"></tr>
  <tr></tr>
</table>

如果存在多个隐藏元素，并且您想获取所有隐藏元素的值，则使用循环并获取数组中的值

var hiddenValues = [];

$('table').find('input:hidden').each(function(){

   hiddenValues.push($(this).val());
});
console.log(hiddenValues);

工作片段:-

$(document).ready(function(){
    var hiddenValues = [];
    
    $('table').find('input:hidden').each(function(){
    
       hiddenValues.push($(this).val());
    });
    console.log(hiddenValues);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-bordered" id="Tablev">
  <tr><input type="hidden" id="trr" value="20"></tr>
  <tr>ABC</tr>
  <tr><input type="hidden" id="trr" value="10"></tr>
  <tr>DEF</tr>
</table>