कैसे संलग्न करें (या अन्य विधि) बहुत सारे HTML कोड?

Question

मुझे बहुत सारे HTML कोड को जोड़ने की आवश्यकता है। पठनीयता में सुधार करने के लिए, मैं सभी को एक पंक्ति में लिखना नहीं चाहता हूं, लेकिन उन्हें नियमित HTML के रूप में विभाजित करना चाहता हूं। यह 15 नई लाइनों या कुछ की तरह होगा। समस्या यह है कि जावास्क्रिप्ट मुझे ऐसा करने की अनुमति नहीं देता है।

var target = $('.post .comment_this[rel="' + comment_id + '"]').parent().parent(); 

target.append(' 
    <div class="replies"> 
     <p>...</p> 
     <img src="" alt="" /> 
    </div> 
'); 

असल में, मुझे उस स्थान पर HTML जोड़ने की आवश्यकता है।

मुझे कुछ चर जोड़ने की भी आवश्यकता है।

Answer 1

target.append(' <div class="replies">'+ 
      '<p>...</p>'+ 
      '<img src="" alt="" />'+ 
     '</div>' 
    ); 

या

target.append(' <div class="replies">\ 
      <p>...</p>\ 
      <img src="" alt="" />\ 
     </div>' 
    ); 

Answer 2

उपयोग एचटीएमएल (संलग्न

target.html('<div class="replies"><p>...</p><img src="" alt="" />,</div>'); 

Answer 3

Creating multiline strings in JavaScript

Answer 4

target.append(' ?> 
    <div class="replies"> 
     <p>...</p> 
     <img src="" alt="" /> 
    </div> 
<?'); 

अलग पास/खुला php टैग के साथ एचटीएमएल और php और यह ठीक काम करना चाहिए .. को जोड़ते समय वर के दशक में के बजाय) एचटीएमएल, बस टैग का फिर से उपयोग करें, इस तरह: <? $hello ?>

Answer 5

यदि आप HTML में चर डालना चाहते हैं, तो आप कुछ टी का उपयोग कर सकते हैं jQuery.template

Answer 6

2015 के रूप में, ECMA 6 की तरह emplating पुस्तकालय, आप यह कर सकते हैं:

target.append(` 
    <div class="replies"> 
     <p>...</p> 
     <img src="" alt="" /> 
    </div> 
`);