jQuery: generazione html

Esiste un modo migliore per eseguire quanto segue?jQuery: generazione html

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);

fonte

2010-10-21 dcolumbus

Guardate qui

http://api.jquery.com/category/plugins/templates/

e una panoramica

http://www.borismoore.com/2010/10/jquery-templates-is-now-official-jquery.html

fonte

2010-10-21 21:39:33

estremamente interessante. Questo mi richiederà un po 'di tempo per indagare, ma posso vedere quanto potente possa essere! – dcolumbus

Sto cercando di capire come funziona ... è possibile avere modelli all'interno dei template? – dcolumbus

Credo che sia possibile annidare i modelli sì. Dai un'occhiata a questa presentazione per maggiori informazioni http://www.slideshare.net/garann/using-templates-to-achieve-awesomer-architecture –

Append Bambino
Crea Elemento
o più semplicemente, innerHTML: http://www.tizag.com/javascriptT/javascript-innerHTML.php

fonte

2010-10-21 22:14:24 Jimmy

Invece di creare il codice HTML, è possibile utilizzare le funzioni di jQuery, disponibili in 1.4 +, per farvi codice molto pulito. Ecco un esempio:

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

Il codice di cui sopra genererà:

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

Hai ancora a ciclo per creare i tre bambini, ma questo è molto più pulito.

fonte

2010-10-22 03:36:37

Sono avrebbe utilizzato un sistema di template come iCanHaz.js

fonte

2012-11-07 03:32:03 bafromca

risposta

Problemi correlati