在 tr 上从表中读取值单击 jquery

Question

几天前我开始学习 jquery，现在我在使用 jquery 从表中检索值时遇到了一个问题

<table id="tblsample">
  <tr>
    <td id="1">Data one</td>
    <td id="2">Data two</td>
  </tr>
  <tr>
    <td id="3">Data one</td>
    <td id="4">Data two</td>
  </tr> 
<tr>
    <td id="4">Data one</td>
    <td id="5">Data two</td>
  </tr>
  .
  .
  .

</table>

如果我点击第一行我想读“2”

 <td id="2">Data two</td>

这是用于根据值绑定下拉列表。

对于第一个 td，我做了类似下面的事情，只是为了阅读文本部分

 $('#tblsample tr td').click(function () {

    var cval = $(this).text();
    $(txtCountry).val(cval);//Binding to textbox - "Data One"

});

如何获取每个 tr 的第二个 td 的 id。

Answer 1

只需执行$(this).parent() 即可触发您的tr，然后使用find ：

let nextTdId = parseInt($(this).attr('id')) + 1; //get the next td id
$(this).parent().find(nextTdId); //get the next td

或者你可以只选择你的 td 父级的第二个孩子，或者使用$(this).siblings()[0]，确实有很多解决方案

Answer 2

使用 QJuery，

$("tr.myTable").click(function() {
var tableData = $(this).children("td").map(function() {
    return $(this).text();
}).get();

console.log(tableData);
});