使用 jQuery 获取每个表行的 ID

Question

抱歉缺少代码，但我只需要有人指出方向并帮助我使用 each() 语句来提醒每个 TR 的 ID。

 $( document ).ready(function() {

  /* alert each TR's ID from #theTable */

});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="theTable">
  <tr id="id1"></tr>
  <tr id="id2" class="theClass"></tr>
  <tr id="id3"></tr>
</table>

原文由 Daniel Williams 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 each() 方法并获取 id 元素的属性。

 $(document).ready(function() {
  $('#theTable tr').each(function() {
    console.log(this.id)
  })
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="theTable">
  <tr id="id1"></tr>
  <tr id="id2" class="theClass"></tr>
  <tr id="id3"></tr>
</table>

原文由 Pranav C Balan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

通过使用每个 for 循环并通过 push 添加 ids 到数组。

 $(document).ready(function() {
  var ids=[];
  $('#theTable tr').each(function() {
   ids.push(this.id)
  })
 alert(ids + '      Use your id');
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="theTable">
  <tr id="id1"></tr>
  <tr id="id2" class="theClass"></tr>
  <tr id="id3"></tr>
</table>

原文由 4b0 发布，翻译遵循 CC BY-SA 3.0 许可协议