Как получить скрытые значения столбца stati c

Question

Я получил представление таблицы данных, которое имеет динамические c столбцы, оно отличается в зависимости от ввода пользователя. Столбцы нарисованы в соответствии с разницей дат пользователя.

<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>

Если имеется несколько скрытых элементов, и вы хотите получить значения всех из них, тогда используйте l oop и получите значения в массиве

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>