क्लोन div और मूल को बदलने के बिना क्लास को हटाएं

Question

मैं jQuery का उपयोग करके div की सामग्री को क्लोन करना चाहता हूं, लेकिन कॉपी की गई सामग्री से मैं ऐपेंड टू फ़ंक्शन का उपयोग करने से पहले मूल से कक्षा को हटाना चाहता हूं। जब मैं क्लोन से कक्षा को हटा देता हूं तो वे मूल से भी हटा देते हैं।

मेरे कोड है:

$('.carousel .item').each(function(){ 
     var next = $(this).next(); 

     if (!next.length) { 
      next = $(this).siblings(':first'); 
     } 
     next.children(':first-child').clone().appendTo($(this)); 
     next.children(':first-child').addClass('col-sm-offset-1'); 

     for (var i=0;i<3;i++) { 
      next=next.next(); 
      if (!next.length) { 
       next = $(this).siblings(':first'); 
      } 
      next.children(':first-child').clone().appendTo($(this));     
     } 

}); 

कृपया ध्यान दें, मैं जहाँ मैं सामग्री की नकल की वास्तविक div से वर्ग को दूर नहीं करना चाहते हैं, मैं सिर्फ कॉपी किया कोड से निकालने के लिए चाहते हैं, ताकि यह है क्लोन div में शामिल नहीं है।

Answer 1

आप पहली क्लोन वस्तु से तत्व को हटा सकते हैं और फिर अपना नया वस्तु जो कुछ होगा क्लोन नीचे दिखाया गया है जैसे:

$('.carousel .item').each(function(){ var next = $(this).next();  
     if (!next.length) { 
      next = $(this).siblings(':first'); 
     } 
     var $block = next.children(':first-child'); 

     // Grab the and remove element class 
     $block = $block.find('.your-element-identity-class').removeClass('your-element-identity-class'); 

     // Clone the block 
     var $clone = $block.clone(); 

     $clone.appendTo($(this)); 
     next.children(':first-child').addClass('col-sm-offset-1'); 

     for (var i=0;i<3;i++) { 
      next=next.next(); 
      if (!next.length) { 
       next = $(this).siblings(':first'); 
      } 
      var $block = next.children(':first-child'); 

      // Grab the and remove element class 
      $block = $block.find('.your-element-identity-class').removeClass('your-element-identity-class'); 

      // Clone the block 
      var $clone = $block.clone(); 

      $clone.appendTo($(this));     
     } 

    }); 

बदलें "अपने-तत्व-पहचान-क्लास" अपने वर्ग के नाम आप चाहते हैं के साथ हटाना। मूल रेफरी। से - How to remove the selected element during a clone() operation

Answer 2

आप इसे जोड़ने से पहले ऑब्जेक्ट पर removeClass() चलाने में सक्षम होना चाहिए, भले ही आप इसे कहां जोड़ना चाहते हैं।

Answer 3

आप clone इस तरह के बाद removeClass और addClass उपयोग कर सकते हैं।

.clone().removeClass('oldClass').addClass('col-sm-offset-1')