jQuery动态创建div，填充tbody并附加到现有的div

Question

基本上我有一个已经存在的<div class='preferences-grid'>。

点击按钮preferences-grid-btn-ok，我想调用函数create()，它将：

1. 创建一个新的<div class='preferences-container'>
2. 基于CCD_ 6来填充CCD_

我的问题是，我无法append每次单击按钮时创建的单个<div class='preferences-container'>的for到tbody创建的行。

当我使用这个：

jQuery(contents).find(".preferences-table-body").append(row);

没有附加任何行，当我使用时

jQuery(".preferences-table-body").append(row);

第一次没有附加行，之后将新行附加到所有现有的CCD_ 11

这是jsfiddle链接

Answer 1

您正在创建一个字符串contents，但jquery无法知道它的存在。

这是一把正在工作的小提琴：http://jsfiddle.net/c524Loam/

function create() {
    var contents = "..."
    var $contents = $(contents);
    for (i = 0; i < 3; i++) {
        var row = $('<tr></tr>').addClass('bar').text('result ' + i);
        $contents.find(".preferences-table-body").append(row);
    }
    return $contents;
}

我使用contents创建了一个新的jquery对象，然后在for循环中对其进行操作。返回后，它被附加到标记中。