jquery
  • html
  • 2010-10-21 20 views 5 likes 
    5

    Aşağıdakileri yapmak için daha iyi bir yol var mı?jQuery: html oluşturma

    var html; 
    var i; 
    for (i=0; i < 4; i++) { 
        html += '<div class="row">'; 
        html += '<span class="label">Dining Style:</span>'; 
        html += '<span class="control">'; 
    
        var j; 
        for (j=0; j < 3; j++){ 
         html += '<div class="attribBox">'; 
          html += '<ul>'; 
           html += '<li><input type="checkbox" /> item 1</li>'; 
          html += '</ul>'; 
         html += '</div>'; 
        } 
        html += '</span>'; 
        html += '<div class="clear"></div>'; 
    } 
    
    $("#content").html(html); 
    

    cevap

    4
    +0

    Son derece ilginç iCanHaz.js gibi bir çiftleşmiş sistemi kullanmak istiyorsunuz değilim. Bu beni araştırmak için biraz zaman alacak, ama bunun ne kadar güçlü olabileceğini görebiliyorum! – dcolumbus

    +0

    Bunun nasıl çalıştığını anlamaya çalışıyorum ... şablonları şablonlarda bulundurmak mümkün mü? – dcolumbus

    +0

    Şablonları yuvalamak mümkün olduğuna inanıyorum. Daha fazla bilgi için bu sunuma göz atın http://www.slideshare.net/garann/using-templates-to-achieve-awesomer-architecture –

    0

    Ekleme Çocuk
    en basit Eleman
    ya, innerHTML oluşturun: http://www.tizag.com/javascriptT/javascript-innerHTML.php

    5

    yerine html oluşturmak yerine, sen daha temiz kod yapmak, 1.4+ yılında mevcut jquery işlevlerini kullanabilirsiniz.

    $("#content").append($("<div/>", {class : 'row'}).append($("<span/>", {class:'label', text : 'Dining Style'}))) 
    

    Yukarıdaki kod üretecektir: İşte bir örnek

    <div class="row"><span class="label">Dining Style</span></div> 
    

    Hala üç çocuk oluşturmak için döngü vardır ama bu daha temiz.

    1

    Ben

    İlgili konular