遍歷span id的傳遞id作為函數的值

Question

假設我有一個表，該表是使用具有唯一跨度ID的列之一動態生成的：

<tr><td><span id="123"></span></td></tr>
<tr><td><span id="124"></span></td></tr>
<tr><td><span id="125"></span></td></tr>
<tr><td><span id="126"></span></td></tr>

用javascript函數遍歷跨度的最佳方法是什么，以便可以將跨度id傳遞為函數可以使用的值？

Answer 1

為每個范圍項分配一個相同的類，然后使用getElementsByClassName並遍歷數組。

var targetElements = document.getElementsByClassName('target');

更新（使用jQuery）

您也許還可以使用以下代碼來使用此迭代。

jQuery('table td > span').each(function() {
    var id = jQuery(this).attr('id');
    // Your logic
});

Answer 2

使用jQuery each函數來遍歷span ，並使用其id屬性進行操作：

 $('#table-id span').each(handleElement) function handleElement () { var id = this.id // Do something with `id` console.log(id) } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="table-id"> <tr><td><span id="123"></span></td></tr> <tr><td><span id="124"></span></td></tr> <tr><td><span id="125"></span></td></tr> <tr><td><span id="126"></span></td></tr> </table> 

Answer 3

1. 使用jquery循環結構循環遍歷表數據。

   $（“ tr td”）。each（function（）{var foo = $（this）.find（“ span”）。attr（'id'）;}）;