javascript - 如何使用 javascript/jquery 循环遍历表？

Question

我有如下代码块

<tbody class="society_list">
    <tr>
        <td>1</td>
        <td>Dummy</td>
        <td>Dummy</td>
        <td id="lol0">UPDATE THIS</td>
    </tr>
    <tr>
        .....
    </tr>
</tbody>

我想做的是循环整个表，找到带有id的td，获取该id的值，然后更新里面的html。我现在拥有的(抱歉，我很新，我仍然不知道该怎么做......)

function update(){
  var trs = document.querySelectorAll('.society_list tr');
  for(i=0;i<trs.length-1;i++){
    trs[i].find('td').each(function(){
      //I know I need to do something here but what's that.. 
    });
  }
}

Answer 1

使用 has attribute selector 迭代具有 id 属性的 tds .

$('.society_list tr td[id]').each(function(){
  var tdID = $(this).attr('id'); // <--- getting the ID here
  var result = doSomeMagicWithId(tdID); // <--- doing something
  $(this).html(result);  // <---- updating the HTML inside the td
});