jQuery dizgileri, birden çok satıra yayılmış biçimlendirmelidir

Question

jQuery ile iyi bir şey, sözdiziminin (örneğin, zincirleme sırasında), komut dosyanızın biçimlendirme ve okunabilirlik kolaylığı için çok sayıda satır kesmesine izin vermesidir.

Çok sayıda HTML eklediğinde eşdeğer/tercih edilen bir yöntem var mı?

Örneğin, böyle bir şey yapmak güzel olurdu: çalışmak ama buna benzer bir şey var demektir

$("#theObject") 
    .doSomething() 
    .append(" 
     <div> 
      <div> 
        Hello World 
      </div> 
     </div> 
    ") 

bir jQuery komut dosyası içinde biçimlendirilmiş olan daha kolay HTML okunmasını sağlamak için ?

Answer 1

her satırın sonunda bir \ ekle

$("#theObject").doSomething() 
.append(" 
    <div>\ 
     <div>\ 
       Hello World\ 
     </div>\ 
    </div>\ 
") 

Düzenleme:

ES6 (ES2015) kullanıyorsanız, şimdi template literals kullanabilirsiniz.

Answer 2

$("#theObject") 
.doSomething() 
.append(
    "<div>" 
     +"<div>" 
       +"Hello World" 
     +"</div>" 
    +"</div>" 
); 

O kadar olduğu gibi, bir var gibi .Append() içerik yüklemek için en iyi uygulamayı olurdu:

var append_me = 
    "<div>" 
     +"<div>" 
       +"Hello World" 
     +"</div>" 
    +"</div>"; 

$("#theObject").doSomething().append(append_me); 

Answer 3

var str = '<div>'; 
str += '<div>'; 
str += 'Hello World'; 

$("#theObject") 
    .doSomething() 
    .append(str) 

Answer 4

Dizeleri kullanarak Javascript'te güzel bir HTML ağacı yapısını temsil etmenin zarif bir yolu yoktur. Her zaman çirkin olacak olan bir birleştirme dizisi kullanmanız gerekecek ve bunu korkunç bir şekilde gerçekleştirdiğini ekleyebilir miyim? aynı adı + ".txt",

1. Ben senin JS dosyası ile aynı konumda buna kaydet
2. istediğiniz tüm boşluk ile benim favori editörü benim işaretlemeyi yazın: Bu benim yaptığım uzatma
3. Editörüm sahiptir bulmak ve değiştir RegEx'in ile, bu yüzden bunu bir değiştir tüm >[\s]*<
4. kopyala yerine geri alır değişken bir dize
5. olarak benim JavaScript dosyası üzerinde tek çizgili sonuç gibi bir şeyle .txt dosyasında

Bu, elbette, işaretlemeyi değiştirdiğinizde, değiştirmeyi yeniden yapmanız ve kopyalamanız gerekeceğini ima eder. Yine de bu alışkanlığa çok çabuk girdim. Ayrıca jQuery bunu daha hızlı işleyebilecek çünkü daha az karakter ayrılacak. jQuery, ve dize hazır kullanıyorsanız

Answer 5

ayrıca sadece doğrudan sayfada bu öğeleri oluşturmak ve bunları gizlemek, daha sonra onları yazarak DOM bu öğelerden yerine bakın olabilir, html elemanlarını olacak dizeler gibi. Böyle kodunuzu yeniden sonra

<div id="myContent" style="display: none;"> 
    <div> 
     <div> 
      Hello World 
     </div> 
    </div> 
</div> 

Ve: Sadece başvuru gerekiyor eğer

$("#theObject") 
.doSomething() 
.append(
    $('#myContent').html(); 
); 

Alternatif gerçek DOM öğesinin kendisini eklemek olabilir Örneğin, sayfanızda bu koyabilirsiniz Her seferinde içeriğini kopyalamak yerine bir kez.

Answer 6

Bu daha kolay yapılabilir!

kullanmak "+" veya "/" yapmayın.

Kullanım backtick: `

$("#theObject").doSomething() 
.append(` 
    <div> 
     <div> 
       Hello World 
     </div> 
    </div> 
`)