5 Ocak 2012, PERŞEMBE
JQuery ile tablo oluşturmak - eklemek
Sayfada div var:
<div id="here_table"></div>
ve bir WordPress kullanmak:
for(i=0;i<3;i ){
$('#here_table').append( 'result' i );
}
bu benim için üreten:
<div id="here_table">
result1 result2 result3 etc
</div>
Tablo almak istiyorum:
<div id="here_table">
<table>
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</table>
</div>
Yapıyorum:
$('#here_table').append( '<table>' );
for(i=0;i<3;i ){
$('#here_table').append( '<tr><td>' 'result' i '</td></tr>' );
}
$('#here_table').append( '</table>' );
ama bu benim için oluşturun
<div id="here_table">
<table> </table> !!!!!!!!!!
<tr><td>result1</td></tr>
<tr><td>result2</td></tr>
<tr><td>result3</td></tr>
</div>
Neden? bunu nasıl düzgün hale getirebilirim?
CANLI: http://jsfiddle.net/n7cyE/
CEVAP
5 Ocak 2012, PERŞEMBE
Bu satır:
$('#here_table').append( '<tr><td>' 'result' i '</td></tr>' );
div#here_table
ekler değil yeni table
.
Çeşitli yaklaşımlar vardır:
/* Note that the whole content variable is just a string */
var content = "<table>"
for(i=0; i<3; i ){
content = '<tr><td>' 'result ' i '</td></tr>';
}
content = "</table>"
$('#here_table').append(content);
Ama, yukarıdaki yaklaşımla stilleri eklemek ve dinamik <table>
ile bir şeyler yapmak için daha az yönetilebilir.
Ama bu nasıl, neredeyse büyük beklediğiniz ne yapar:
var table = $('<table></table>').addClass('foo');
for(i=0; i<3; i ){
var row = $('<tr></tr>').addClass('bar').text('result ' i);
table.append(row);
}
$('#here_table').append(table);
Bu yardımcı olacağını umuyoruz.
Bunu Paylaş:
JQuery ekleme tablo satır...
JQuery ile bir dizi seçmek için bir se...
Otomatik oluşturmak SQL Server tablo i...
HTML elemanları jQuery kullanarak oluş...
OLUŞTURMAK ayrı bir TABLO olmadan SEÇİ...