javascript - jQuery 表循环？

Question

我正在尝试遍历表格并根据行更改每个单元格。表格示例:

<table id='myTable'>
    <tr>
      <td><div id='A1'></div></td>
      <td><div id='A2'></div></td>
    </tr>
    <tr>
      <td><div id='A1'></div></td>
      <td><div id='A2'></div></td>
    </tr>
</table>

函数示例(在正文下的脚本中):

function myFunction(){
  var table = $('#myTable');
  var rows = table.find('tr');
  rows.each(function(i, r){
    var cells = r.find('td');
    if(i==1){//to edit second row, for example
      cells.each(function(j,c){
        var square = c.getChild();//attempt to get the div in the td
        square.innerHTML='html here';
      });
    }
  });
}

$(document).load(myFunction);

显示的示例是我尝试运行的实际函数的非特定版本。

需要明确的是，我已经链接到 jQuery 2.1 CDN，因此页面应该能够读取 jQuery。

控制台显示没有错误，但仍然没有运行出现运行该函数的情况。检查控制台中的测试行显示 div 中的 html 没有变化。对此有何建议？

Answer 1

当我运行它时，我在 r.find() 上收到错误，因为 .find() 是一个 jQuery 函数，需要在 jQuery 对象上调用，其中 r 不是。只需将其包装在 $() 中即可。

function myFunction(){
  var table = $('#myTable');
  var rows = table.find('tr');

  rows.each(function(i, r){

  var cells = $(r).find('td');
  if(i==1){//to edit second row, for example
    cells.each(function(j,c){
      var square = c.getChild();//attempt to get the div in the td
      square.innerHTML='html here';
    });
  }
});
}

https://jsfiddle.net/k50o8eha/1/

您可能需要执行类似于 c.getChild();

的操作