Question

假设我有一个动态生成的表，其中一列具有唯一的span 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函数迭代跨度的最佳方法是什么，以便span id可以作为函数可以使用的值传递？

Answer 1

为每个span项分配一个相同的类，然后使用getElementsByClassName并遍历数组。

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

更新（使用jQuery）

您也可以使用以下代码来使用迭代。

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

Answer 2

使用the jQuery each function对您的span进行迭代并对其id属性执行某些操作：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

使用jquery循环结构遍历表数据。

$（＆＃34; tr td＆＃34;）。each（function（）{ var foo = $（this）.find（＆＃34; span＆＃34;）。attr（＆＃39; id＆＃39;）; }）;

迭代span id的传递id作为值的函数

3 个答案: