jQuery

Question

के साथ दो अन्य divs के चारों ओर रैपर div बनाएँ, मैं 2 (या अधिक) div के चारों ओर एक div तत्व कैसे जोड़ सकता हूं? मैं क्या लगता है कि:

HTML:

<div class="list-price">20000</div> 
<div class="sell-price">10000</div> 

jQuery:

$('div.list-price').each(function() { 
    $(this).before('<div class="action-price">'); 
    $(this).next().after('</div>'); 
    }); 

मुझे आशा थी कि इसके बाद के संस्करण कोड ऐसा करेंगे:

<div class="action-price"> 
<div class="list-price">20000</div> 
<div class="sell-price">10000</div> 
</div> 

लेकिन:

<div class="action-price"></div> 
<div class="list-price">20000</div> 
<div class="sell-price">10000</div> 

क्या कोई मेरी मदद कर सकता है?

धन्यवाद,

गेबर

Answer 1

आप एचटीएमएल कोड के रूप में तत्वों की सोच रहे हैं, लेकिन वे वस्तुएं हैं। आप प्रारंभिक और समापन टैग को अलग से नहीं जोड़ सकते हैं, क्योंकि वे पूर्ण तत्व नहीं हैं।

नए तत्व जोड़ें, और इसके अंदर मौजूदा divs के लिए कदम:

$('div.list-price').each(function() { 
    var newDiv = $('<div/>').addClass('action-price'); 
    $(this).before(newDiv); 
    var next = $(this).next(); 
    newDiv.append(this).append(next); 
}); 

डेमो:

$ बाकी: http://jsfiddle.net/Guffa/eFXbN/1/

Answer 2

$first = ... // the 1st element 
$rest = ... // other elements, may be just the second one 
$first.wrap('<div class="wrapper"/>').parent().append($rest) 

Answer 3

मैं करने के लिए अपने अंतिम पंक्ति revese करना पड़ा। लपेट ('') माता-पिता() ($ पहले) जोड़ देते हैं।।

Answer 4

इसके लिए एक अच्छा दृष्टिकोण निम्नलिखित करना है।

$("div.list-price").each(function(){ 
    $(this).nextUntil("div.list-price").andSelf().wrapAll("<div class='action-price'></div>"); 
}); 

इसका सरल और पठनीय, शायद रास्ता jQuery devs इसे इरादा लिखे जाने की।

Answer 5

wrapAll समारोह उपयोग करके देखें:

$('.list-price, .sell-price').wrapAll('<div class="action-price" />');