एक jQuery चर के भीतर एचटीएमएल का उपयोग कैसे करें?

Question

मैं एक jQuery चर के भीतर संग्रहीत एचटीएमएल में हेरफेर करने की कोशिश कर रहा हूं। मैं दस्तावेज़ में चर लिखने से पहले मैं इस हेरफेर करना चाहता हूं।

तो, मैं एक चर के रूप में परिभाषित किया गया है:

var sighting = "<div><span class="feed_name"></span></div>"; 

और मैं span तत्व में "हैलो दुनिया" रखना चाहते हैं।

$(#sightings).append(sighting); 

कौन सा <div id="sightings"></div> में देखा चर में HTML कहते हैं:

$(sighting).("span.feed_name").html(name); 

तो मैं पृष्ठ पर 'देखा' चर बारे में: यह बात यह है कि मैं नहीं मिल सकता है काम करने के लिए है पेज पर तत्व।

किसी भी मदद की सराहना की जाएगी!

धन्यवाद,

मार्क

Answer 1

इस प्रयास करें:

var sighting = "<div><span class=\"feed_name\"></span></div>", 
    $elem = $(sighting).find("span.feed_name").text("hello world").parent(); 
$("#sightings").append($elem); 

parent कॉल बाहरी div को वापस पाने के लिए की जरूरत है।

Answer 2

मैं इस विधि पसंद करते हैं, आप तत्वों पर अधिक नियंत्रण है, क्योंकि वे वस्तुओं के रूप में बने हुए हैं, और इस तरह मजबूर करने के लिए आसान कार्यों में कर रहे हैं होगा। के रूप में अगर यह पहले से ही डोम

$(sighting).addClass("feed_name").html(name); 
$(sighting).appendTo("#sighting"); 

संपादित

हम्म का हिस्सा था

sighting = document.createElement('div'); 

तो फिर तुम में हेरफेर कर सकते हैं ... ऐसा लगता है मैं अपने प्रश्न पढ़ने में भूलना। मैं अभी भी createElement() फ़ंक्शन का उपयोग करके तत्व बनाना पसंद करूंगा।

sighting = document.createElement('div'); 
sighting_contents = document.createElement('span'); 

$(sighting_contents).addClass("feed_name").html(name); 
$(sighting).append(sighting_contents); 
$(sighting).appendTo("#sightings"); 

एक छोटे से अधिक वर्बोज़

, लेकिन आप स्ट्रिंग पिछले तीन एक लंबी लाइन में अगर आप चाहते हैं ... मुझे लगता है कि कर सकते हैं इस अधिक पठनीय है और अंत में, आप अधिक नियंत्रण देता है क्योंकि तकनीकी रूप से आप लिख नहीं किया जाना चाहिए अपने जेएस में एचटीएमएल का एक गुच्छा, आप तत्व बना सकते हैं और उन्हें जोड़ सकते हैं, लेकिन जहां तक ​​मार्कअप के बड़े ब्लॉक लिखते हैं, मुझे लगता है कि इस तरह की ऑब्जेक्ट्स के रूप में तत्वों को बनाना आपको अधिक लचीलापन देता है।

तुम भी एक और अधिक सरल तरीके से इस तरह जोड़ा तत्वों को घटनाओं संलग्न कर सकते हैं:।।

$(sighting).bind("click", function(event) { 
    $(this).fadeOut(); 
});