所以基本上你想创建一个动态表并访问每个 TD 及其数据。为了做到这一点,您不需要任何 div 或 span 放置在这些 TD 中以访问它们的内容(如果这就是您想要的)。最简单的方法是根据它们的行和列位置为这些 TD 中的每一个分配一个 id。这样,您可以循环访问它们中的每一个,或者直接访问它们,或者不访问它们。
下面我写了一个超级简单的方法来实现它。当然,您可以根据需要对其进行自定义或增强。但是你应该明白吗?
(我正在使用你的代码来做到这一点)
$(document).ready(function() {
createTable($("#tb1"));
function createTable(tbody){
if (tbody == null || tbody.length < 1) return;
for(var r=0;r<5;r++){
var trow=$("<tr>");
for(var c=0; c<5;c++){
var tcol=$("<td>")
tcol.attr("id","row"+r+"col"+c); /// assign id to each td
var cellText = "row " +r + " col " +c
$("<div>")
.text(cellText)
.appendTo(tcol)
tcol
.appendTo(trow)
}
trow.appendTo(tbody);
}
}
});
所以基本上你这样做了:
<td id="row1col1"></td>
<td id="row1col2" ></td>
现在,每当您想访问任何单元格时,请执行此操作
$('#row1col1').text();
or
$('#row1col1').html();
您可以像这样循环访问单元格
for(var r=0;r<5;r++){
for(var c=0;c<5;c++){
var cellValue= $('#row'+r+"col"+c).text() // or .html()
makeAjaxRequest(cellValue); /// send to server or whatever
}
}