jQuery .clone .insert एक नई आईडी के साथ

Question

मैं डीआईवी कैसे क्लोन कर सकता हूं, इसे div के ठीक बाद जोड़ सकता हूं और इसे एक नया पहचानकर्ता दे सकता हूं?

मैं एक वर्ग reflection के साथ एक DIV है, मैं इस DIV के प्रत्येक उदाहरण चाहते हैं, क्लोन, और मूल के बाद सही डाला, लेकिन वर्ग reflected साथ मैं jQuery के साथ ऐसा कर सकते हैं कैसे (वर्ग, reflection के बिना)?

यहाँ मेरे वर्तमान बेला है, लेकिन यह सही काम नहीं करता है ... http://jsfiddle.net/yUgn9/

Answer 1

.after() करने के लिए एक समारोह दर्रा, और यह अद्यतन क्लोन वापसी की है।

$('div.reflection').after(function() { 
    return $(this).clone().toggleClass('reflection reflected'); 
}); 

डेमो:http://jsfiddle.net/PFBVX/

---

jQuery के पुराने संस्करणों में, यह करने के ...

$('div.reflection').each(function() { 
    $(this).after($(this).clone().toggleClass('reflection reflected')); 
}); 

डेमो:http://jsfiddle.net/PFBVX/1/

Answer 2

मेरा मानना ​​है कि आप चाहते प्रत्येक की आवश्यकता होगी() की उन्हें व्यक्तिगत रूप से उन्हें संभालने के लिए। वर्तमान में कोड क्या कर रहा है उन सभी को पकड़ रहा है और उन सभी के बाद उन्हें क्लोन कर रहा है। इसके बजाए, आप वांछित के रूप में कक्षाओं को बदलने के बाद, उनमें से प्रत्येक को अलग-अलग संभालना चाहते हैं और मूल के बाद क्लोन डालना चाहते हैं।

$(document).ready(function(){ 

    $('div.reflection').each(function() { 
     var org = $(this), 
      clone = org.clone(); 

     clone.removeClass('reflection').addClass('reflected') 
      .insertAfter(org); 
    }); 

});