SORU
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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ArkticPlanet

    ArkticPlanet

    9 ŞUBAT 2010
  • Hudson Music

    Hudson Music

    13 Mart 2007