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>

如果我点击第一行，我想阅读＆＃34; 2＆＃34;

 <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);
});

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

2 个答案: