別のdivにテーブルを追加する| JS jQueryの

Question

JSFiddle Here

私は2 divのでHTML

フォルダ列ため最初のdivを持っています。

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

列テーブルため第DIV。 JavaScriptで、クラス._zTable

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

で、Iはid="exTable"とテーブルを含むDIV内部1つのDIV（class="folder"）を含む1つの変数（var div =） を有しています。

テーブルを._zTableに移動し、divクラス.folderに移動しません。

の列フォルダにdivを入れたいからです。

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

変数を2つに分割する必要があります。

私はあなたのテーブルがあなたの.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を使って：

のjQueryを使用して

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

Answer 2

：

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