एक jQuery सेट को HTML

Question

में परिवर्तित करें एक jQuery परिणाम सेट को देखते हुए, आप इसे वापस सादे HTML में कैसे परिवर्तित करते हैं?

<div class="abc"> 
    foo <strong>FOO</strong> 
</div> 
<div class="def"> 
    bar 
</div> 

-

var $mySet = $('div'); 

$mySet देखते हुए, आप ऊपर सादे HTML की ओर लौटने के बारे में कैसे जाना होगा?

Answer 1

अपने सेट ठीक एक आइटम के होते हैं, तो आप Ye Olde Javascript का उपयोग कर सकते हैं:

var html = $mySet[0].outerHTML; // note HTML is all caps... that always burns me 

Answer 2

var $mySet = $('div'); 
var html = $mySet.html(); 

आप तत्व के HTML के साथ (untested) चाहते हैं:

var $mySet = $('div'); 
var html = $mySet.clone().wrap('<div></div>').html(); 

वैसे, यहाँ $ चर नाम का हिस्सा है। जावास्क्रिप्ट को परिवर्तनीय नामों के लिए PHP में $ की आवश्यकता नहीं है, लेकिन इसे प्राप्त करने में कोई दिक्कत नहीं होती है।

Answer 3

jQuery appendTo विधि का उपयोग करके, यदि मैं समझता हूं कि "उपरोक्त सादे HTML पर लौटने" का अर्थ क्या है।

Answer 4

मैं एक अस्थायी कंटेनर बनाने, तो वह नए कंटेनर की html() हथियाने सुझाव देंगे:

var html = $('<div>').append($('div').clone()).html(); 
alert(html); 

// alerts: 

<div class="abc"> 
    foo <strong>FOO</strong> 
</div><div class="def"> 
    bar 
</div> 

Answer 5

शायद क्या आप चाहते हैं एक क्लाइंट-साइड templating इंजन है। पोस्ट Client Templating with jQuery

मैं इसका उपयोग कर रहा हूं और यह बहुत अच्छा है। आप केवल उस टेम्पलेट को सेट करते हैं जिसे आप एक div के अंदर उपयोग करना चाहते हैं, फिर आप उसे एक जेसन ऑब्जेक्ट/सरणी के साथ फ़ीड करते हैं और यही वह है।