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>

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

你去：

$("#theTable tr").each(function(){
   alert($(this).attr("id"));
});

Answer 3

希望这会对你有所帮助:)。

＆＃13;

$(function() {

  $("#theTable tr").each(function() {
        console.log($(this).attr('id')) // Here you go
  });
});

＆＃13;

<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>

＆＃13;

Answer 4

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

希望这可能会有所帮助

Answer 5

$(function() {

  $("#theTable tr").each(function() {
     alert($(this).attr('id')); // Here you go
  });
});

<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>

尝试进入警报

Answer 6

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

$(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>

Answer 7

这是代码。

.attr('id')和.prop('id')都可以满足您的目的，即获取<tr>的ID。

$(document).ready(function() {

  /* alert each TR's ID from #theTable */
  $("#theTable tr").each(function() {    
    console.log($(this).attr('id'));
    
    alert($(this).attr('id'));
    
    // prop() can also be used to get the id
    // console.log($(this).prop('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>

Answer 8

许多jQuery解决方案，对于后人来说，这可以使用 querySelectorAll 和 Array.prototype.forEach 在纯JS中完成：

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

{{1}}

使用jQuery获取每个表行的ID

8 个答案: