检索另一个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 
}