Javascript 使用jQuery附加带有child和类的元素

我正在尝试使用jQuery创建一个网格表。 因此，在将这些元素添加到html页面之前：

<div id="grid" class="gridTable">
    <div class="row">
        <span class="cell head"></span>
        <span class="cell head"></span>
        <span class="cell head"></span>
    </div>
    <div class="row">
        <span class="cell"></span>
        <span class="cell"></span>
        <span class="cell"></span>
    </div>
    <div class="row">
        <span class="cell"></span>
        <span class="cell"></span>
        <span class="cell"></span>
    </div>
    <div class="row">
        <span class="cell"></span>
        <span class="cell"></span>
        <span class="cell"></span>
    </div>
</div>

我想每次都重复。我试过这样的方法：

$('.gridTable').append( $("<div></div>").addClass('row') );

$（'.gridTable'）.append（$（''）.addClass（'row'））；

但是我不知道如何添加附加元素的

.cell

子元素

---

请参见

中的完整html代码。您可以创建一个函数，返回具有指定单元格数的行对象，并为每行调用它：

提示：

根据需要调整函数（例如，它可以接受单元格类的参数）

var grid=$（“#grid”）；
/**
*返回行的jQuery对象
*param cells{number}单元格数
*/
函数getRow（单元格，自定义类）{
var c=“”；
对于（var i=0；i将追加的元素存储在变量中，并在追加后使用它。要完成这项工作，您需要在选择器中写入新元素，并将其用于追加元素


var row=$（“”）.addClass（“row”）.appendTo（“.gridTable”）；
附加（“colWow，谢谢！还有一件事，首先我想在.cell和.head上添加两个类
<div class="row">
    <span class="cell head"></span>
    <span class="cell head"></span>
    <span class="cell head"></span>
</div>

$('.gridTable').append( $("<div></div>").addClass('row') );