如何使用jquery click函数显示从json数据读取的表的特定行

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

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
      <th>City</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容将通过jQuery动态生成 -->
  </tbody>
</table>

$(document).ready(function() {
  $.ajax({
    url: 'data.json', // JSON数据的URL地址
    dataType: 'json',
    success: function(data) {
      var tableBody = $('#myTable tbody'); // 获取表格的tbody元素
      $.each(data, function(index, item) {
        var row = $('<tr>'); // 创建一个新的行
        row.append($('<td>').text(item.name)); // 添加name列
        row.append($('<td>').text(item.age)); // 添加age列
        row.append($('<td>').text(item.city)); // 添加city列
        tableBody.append(row); // 将行添加到表格中
      });
    }
  });
});

$(document).ready(function() {
  $('#myTable tbody').on('click', 'tr', function() {
    $(this).css('background-color', 'red');
  });
});