Question

我在 HTML

中有 2 div

文件夹列的 first div 。

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

列表的第二个div 。课程._zTable

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

然后在javascript中，我有1个变量（var div =）其中div中包含1 div（class="folder"），其中包含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);

Answer 2

使用Jquery：

`$(document).ready(function() {
   $('#exTable').appendTo('.columnFolder-container');
});`

将表附加到另一个div | JS jQuery

2 个答案: