用jQuery移動Dynamic Html（追加/複製）

我想移動一個外部div內的php動態生成的Html內容：用jQuery移動Dynamic Html（追加/複製）

Ex。

<div class="top-category> 
    <div class="cat-container">Category</div> 
     <div class="categoryA">CatA</div> 
     <div class="categoryB">CatA</div> 
     <div class="categoryC">CatA</div> 
     <div class="categoryD">CatA</div> 
    </div> 
</div>

我想移動所有，另一個DIV中下：

<div class="bottom-container">HERE ALL CONTENT</div>

如何，我可以通過jQuery嗎？

來源

2016-02-24 user3309614

你可以這樣說：

<script type="text/javascript"> 

$(document).ready(function() { 
    $(".top-category").appendTo(".bottom-container "); 
}); 

</scrript>

來源

2016-02-24 13:22:20

可以使用$.detach()從身上取出所需的DOM元素，然後附加到目標DOM元素如下：

$("div.bottom-container").append($("div.top-category").detach());

來源

2016-02-24 13:24:13 vijayP

$('.top-category').clone().appendTo('.bottom-container');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="top-category"> 
 
    <div class="cat-container">Category</div> 
 
     <div class="categoryA">CatA</div> 
 
     <div class="categoryB">CatA</div> 
 
     <div class="categoryC">CatA</div> 
 
     <div class="categoryD">CatA</div> 
 
    </div> 
 
</div> 
 

 
<br><br> 
 

 
<div class="bottom-container">HERE ALL CONTENT</div>

來源

2016-02-24 13:24:30

我假設你想要移動在以「底部容器」

這裏的「頂級類別」的內容是它

$(function(){ 
    var $child = $(".top-category > div").detach(); 
    $(".bottom-container").append($child); 
})

這裏的jQuery代碼工作的jsfiddle code

來源

2016-02-24 13:24:40

用jQuery移動Dynamic Html（追加/複製）

回答

相關問題