javascript - 将表附加到另一个 div | JS 查询

Question

JSFiddle Here

我在 HTML 中有 2 div

文件夹列的第一个 div。

<div class="columnFolder-container"></div>

列表 的第二个 div。与类 ._zTable

<div class = "_zTable"> </ div>

然后在 javascript 中，我有 1 个变量 (var div =)其中包括 1 个 div (class="folder")，div 中包含带有 id="exTable" 的表格。

我希望将表格移动到 ._zTable 而不是 div 类 .folder 中。

因为我想要列文件夹中的div .folder。

    var div = '<div class="folder"><span class="fname">Folder : '+name+'</span' +
              '<table id="exTable' + currentFolderIndex + '" class="table table-bordered" cellspacing="0">' +
             '<thead>' +
                '<tr>' +
                  '<th style="border-color:rgb(221, 221, 221);"><input name="select_all" value="1" id="selectAll" type="checkbox" /></th>' +
                  '<th>Name</th>' +
                  '<th>Type</th>' +
                  '<th>Size</th>' +
                  '<th>Date Created</th>' +
                '</tr>' +
            '</thead>' +
            '</table>' +
            '</div>';

Answer 1

您需要将变量一分为二。

我注意到您的表格位于您的 .folder div 中。我认为情况不应该如此。

然后变量是:

var div = '<div class="folder"><span class="fname">Folder : '+name+'</span></div>'
var table = '<table id="exTable' + currentFolderIndex + '" class="table table-bordered" cellspacing="0">' +
         '<thead>' +
            '<tr>' +
              '<th style="border-color:rgb(221, 221, 221);"><input name="select_all" value="1" id="selectAll" type="checkbox" /></th>' +
              '<th>Name</th>' +
              '<th>Type</th>' +
              '<th>Size</th>' +
              '<th>Date Created</th>' +
            '</tr>' +
        '</thead>' +
        '</table>';

然后将这些放在正确的 div 中的代码是:

document.getElementsByClassName("columnFolder-container")[0].innerHTML=div;
document.getElementsByClassName("_zTable")[0].innerHTML=table;

或使用 jquery:

$('.columnFolder-container').first().html(div);
$('._zTable').first().html(table);