使用jQuery获取每个表格行的ID

-1

对于缺少代码感到抱歉，但我只需要有人指点道路并帮助我使用each()语句来提醒每个TR的ID。使用jQuery获取每个表格行的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>

来源

2016-11-10 Daniel Williams

这个t问题的类型可以轻松找到！ –

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

来源

2016-11-10 04:45:57

我喜欢这个，特别是'this.id'。奇怪的* attr *在* prop *已经存在了很久之后仍然在使用（但都不是必需的）。 ;-) – RobG

在这里你去：

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

来源

2016-11-10 04:45:37

希望这将帮助你:)

$(function() { 
 

 
    $("#theTable tr").each(function() { 
 
     console.log($(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>

来源

2016-11-10 04:58:27

你的回答和Pranav C Balan给出的答案有什么不同？ –

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

希望这可以帮助全

来源

2016-11-10 04:59:50 user3592327

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

尝试其排在警报

来源

2016-11-10 05:01:28

通过使用每个for循环和通过推添加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>

来源

2016-11-10 05:07:56

下面是代码。

.attr('id')和.prop('id')都可以为您的目的获取<tr>的编号。

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

来源

2016-11-10 05:38:29 sam

很多jQuery的解决方案，为后人这可以以纯JS使用querySelectorAll和Array.prototype.forEach完成：

window.onload = function(){ 
 
    [].forEach.call(document.querySelectorAll('#theTable tr'), x => console.log(x.id)); 
 
};

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

来源

2016-11-10 06:15:52 RobG

使用jQuery获取每个表格行的ID

回答

相关问题