檢索另一個div的內容，並應用於新的div

Question

我有一個應用程序動態創建div盒，並通過AJAX加載放置在框中的圖像。

如果一個框已經存在，我不想再次加載圖像（通過AJAX）。相反，內容（即圖像）應該從第一個盒子中抓取並應用到新盒子中。

由於這個原因，我想要做這樣的事情： 「如果存在一個框，請從該框中檢索內容並將其應用於新框中。」

下面是一段顯示我想要的代碼。我需要知道的是如何找出一個盒子是否存在（第1行）以及如何將這些內容應用於新盒子（第3行）。

1. if (box exist...?) { 
2. var content = $('.boxContent').html(); 
3. $('.boxContent') ? 
4. } 
5. 
6. else { 
7. 
8. // retrieve the images through AJAX and place in the box... 
9. 
10. } 

Answer 1

if ($('.boxContent').is('*')) { //it exists 
    var content = $('.boxContent').html(); 
    var newBox = $('<div id="new-box"></div>'); 
    newBox.html(content); 
} 

或者，您也可以克隆：

if ($('.boxContent').is('*')) { //it exists 
    var newBox = $('.boxContent').clone(); 
    // newBox is an EXACT copy of the .boxContent 
} 

我會建議使用的ID，而不是在這種情況下，一個類選擇。

Answer 2

如果通過簡單地選擇它，並在集合的長度loooking在DOM中存在的東西，你可以告訴：

var boxes = $('.boxContent') 
if (boxes.length) { 
    var content = boxes[0].html(); 
} else { 
    // AJAX 
} 

Answer 3

正確的方法來檢查，如果一些元素在jQuery的可用是：

if($('element').length != 0){//element exists 
     `$('newElement').html($('element').html());` 
} 
else{ 
    //ajax stuff 
}