jQuery, creating an HTML block that I can insert into the page -

मेरे पास निम्न html है:

  & lt; div id = "box" & gt; & LT; अवधि & gt; सामान ..... & lt; / span & gt; & Lt; / div & gt;  

मैं इस HTML के साथ एक जावास्क्रिप्ट चर बना रहा हूं ... फिर jQuery के साथ उस पेज में उस सम्मिलित करने में सक्षम हो जैसे $ ('#' Html (mystuff)

क्या एचटीएमएल की एक लंबी स्ट्रिंग के बजाय ऐसा करने का एक शानदार तरीका है?

आईडी नाम अद्वितीय हैं, इसलिए मैंने id = "box" से वर्ग = "बॉक्स" बदल दिया, ताकि आप ब्लॉक कई बार सम्मिलित कर सकते हैं।

बस उस फ़ंक्शन का निर्माण करें जो आपको इच्छित प्रकार के एक jQuery ऑब्जेक्ट देता है। आप फ़ंक्शन के अंदर HTML को एक तर्क के रूप में पारित कर सकते हैं:

  function createlock (myHTML) {$ ("& lt; div / & gt;")। Attr ("class", " बॉक्स ") संलग्न ($ (।" & LT; अवधि / & gt; ")। एचटीएमएल (myHTML)); }  

आप इस फ़ंक्शन को कई तरीकों से उपयोग कर सकते हैं:

  // विधि 1: var myStuff = createBlock ("stuff"); $ ( "शरीर") संलग्न (MyStuff)। // या यहां तक ​​कि ... $ ('# contentcol')। Html (myStuff) // मेथड 2: $ ("बॉडी")। एपेंड (बनाम ब्लॉक ("अन्य सामान")); // आप बेशक जोड़ सकते हैं जहाँ भी आप चाहते हैं ... या प्रीपेड, या / के बाद / के बाद या डालने से पहले एक बड़ा ब्लॉक बनाने के लिए jQuery ऑब्जेक्ट का उपयोग करें।