जोड़ एकाधिक एचटीएमएल Jquery

Question

का उपयोग कर तत्वों

Am jQuery के लिए और सोच यदि कोई मुझे सबसे अच्छा अभ्यास पर सलाह सकता है नया ...

मैं पृष्ठ पर, जो एचटीएमएल और नहीं की एक बहुत कुछ शामिल करने के लिए एक div तत्व संलग्न करने के लिए देख रहा हूँ सुनिश्चित करें कि इसे प्राप्त करने का सबसे अच्छा तरीका क्या है .... या यदि यह jquery का उपयोग करने के लिए सलाह दी जाती है ...

उदाहरण के लिए, यदि मैं jquery का उपयोग कर पृष्ठ पर निम्नलिखित कोड जोड़ना चाहता हूं, तो सबसे अच्छा तरीका क्या है।

<div id="test"> 
    <h1>This is the test</h1> 
    <p>Hello, just a test</p> 
    <a href="www.test.com">Click me</a> 
    <a href="www.test.com">Click me again</a> 
</div> 

Answer 1

$("#test").append("YOUR CONTENT GOES HERE"); 

Answer 2

$("#id_of_div").append($("#id_of_div_that_you_wanna_append").html()); 

Answer 3

आप HTML जोड़ना चाहते हैं के रूप में यह है, तो बस jQuery का उपयोग समारोह जोड़ देते हैं। उदाहरण के लिए:

$('body').append(' 
<div id="test">\ 
    <h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>\ 
</div>'); 

बदलें अपनी आवश्यकता के अनुसार अन्य DOM एलीमेंट/चयनकर्ता के शरीर से चयनकर्ता।

या यदि आप पहले से ही आईडी "परीक्षण" दस्तावेज़ में साथ div तत्व है, तो आप उपयोग कर नीचे की तरह एचटीएमएल() फ़ंक्शन सामग्री सेट कर सकते हैं:

$("#test").html('<h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>');