Как передать значение скрытого элемента html в jQuery? - PullRequest
Новая
       2

Как передать значение скрытого элемента html в jQuery?

0 голосов
/ 17 июня 2020

У меня есть скрытый элемент со значением PHP Dynami c в HTML, и я хотел бы получить его в 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]);      
        });
    });

это то, что он напечатает: «<input type="hidden" name="zyx" value="test id">»

1 Ответ

2 голосов
/ 17 июня 2020

Вы можете просто использовать .find, чтобы найти первый вход внутри первого td, найденного внутри строки, по которой щелкнули: 

$(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>
...