JQuery通过tbody循环>；tr获取子元素

我正在尝试循环我的tbody并获取tr元素的值。 我的表格示例：

<table id='table-draggable1' class="table">
  <tbody id="myTbody" class="connectedSortable">
    <tr>
      <input type="hidden" value="1"  />
      <td>Test1</td>
      <td><input class="btn btn-danger" value=" Remove " onclick="removeFromAllocation(this)"  /></td>
    </tr>
    <tr>
      <input type="hidden" value="1"  />
      <td>Test2</td>
      <td><input class="btn btn-danger" value=" Remove " onclick="removeFromAllocation(this)" /></td>
    </tr>
    <tr>
      <input type="hidden" value="1"  />
      <td>Test3</td>
      <td><input class="btn btn-danger" value=" Remove " onclick="removeFromAllocation(this)" /></td>
    </tr>
  </tbody>
</table>

---

谢谢

您可以使用

查找

方法获取所需的子标记，然后使用其他特定方法进一步获取所需的子标记。下面列出了jQuery遍历DOM的所有方法：

例如，

eq

允许您根据正在搜索的上下文中的索引选择元素

小提琴：

您可以使用jQuery的

children（）

选择器。文件可在以下网址找到：

以下是可能对您有帮助的小提琴：

下面的代码为您提供了一些技巧：

console.log($(this).children().first().val());
console.log($(this).children('td').eq(0).html());

---

旁注：这是一个无效的HTML，不能是

$('#myTbody > tr').each(function() {
    var value = $(this).find('input').val();
    var text = $(this).find('td').eq(0).text();
});

console.log($(this).children().first().val());
console.log($(this).children('td').eq(0).html());