[jquery]creazione tabella

[pietro09]

<table border="1">
	<tr>
		<th>xxxx</th>
		<th>xxxx</th>
	</tr>
	<tr>
		<td>yyy</td>
		<td align="center">
			<input id="Checkbox1" type="checkbox" />
		</td>
	</tr>
</table>

Volevo costruire una tabella, tipo quella di sopra, utilizzando esclusivamente jquery, invece di usare i mezzi del DOM.

Mi dareste una mano?

ps.
Dato che è per uso didattico, se ci fossero più modi, mi piacerebbe conoscerli. Ciao.

[Pastore12]

Metodo 1: crei una stringa con tutto l'html della tabella:

var tableHTML = '<table>....</table>';

e poi fai una chiamata come:

$("body").append(tableHTML);

mmm.. $("body") ... bisognerebbe rivedere i selettori jQuery per essere sicuri che funzioni..

Metodo 2: Crei ogni singolo elemento come oggetto jQuery a se stante

var jTable = $("<table/>");
var jTr = $("<tr>");
jTable.append(jTr);
....

In pratica con append dovresti risolvere quasi tutti i problemi..

Ciao!

[pietro09]

function Button1_onclick() 
{
    var t, r, c;
    t = $('<table border="1">');
    r = $('<tr><th>xxxx</th><th>xxxx</th></tr>');
    t.append(r)
    
    r= $('<tr><td>yyy</td><td align="center"><input id="Checkbox1" type="checkbox" /></td></tr>');
    t.append(r)
    
    
    $("#div1").html("").append(t);
}

Ho seguito il tuo suggerimento. Ma possibile che sia così semplice? :master: :master: :master:

Ciao.

[Pastore12]

Beh.. a te cosa sembra?

Eppoi jQuery è fatto apposta per semplificare la vita ai programmatori... e qualche volta ci riesce!

Ciao!

[pietro09]

Originariamente inviato da Pastore12
Eppoi jQuery è fatto apposta per semplificare la vita ai programmatori... e qualche volta ci riesce!

Ciao!

Sono d'accordo. Ciao.