使用JQuery获取表中选定行和列的值

<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>

<table id="myTable">
  <tr>
    <th>ID</th>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td class="id">1</td>
    <td class="name">John</td>
    <td class="age">25</td>
  </tr>
  <tr>
    <td class="id">2</td>
    <td class="name">Jane</td>
    <td class="age">30</td>
  </tr>
</table>

// 获取选定行的值
var selectedRowValues = [];
$('#myTable tr.selected').each(function() {
  var id = $(this).find('.id').text();
  var name = $(this).find('.name').text();
  var age = $(this).find('.age').text();
  selectedRowValues.push({ id: id, name: name, age: age });
});
console.log(selectedRowValues);

// 获取选定列的值
var selectedColumnValues = [];
$('#myTable tr').each(function() {
  var id = $(this).find('.id').text();
  var name = $(this).find('.name').text();
  var age = $(this).find('.age').text();
  selectedColumnValues.push({ id: id, name: name, age: age });
});
console.log(selectedColumnValues);