JQuery ile Html tabloya satır eklemek

Bu soru 1 kez yanıtlandı.

• coderguru

  24 Temmuz 2019 04:28

  39

  Tablonuzun aşağıdaki gibi olduğunu farzediyorum:

  <table id="tablom">
    <tbody>
      <tr>
          <td>1</td>
          <td>2</td>
      </tr>
      <tr>
          <td>3</td>
          <td>4</td>
      </tr>
    </tbody>
  </table>

  Tablonun sonuna satır eklemek için append, başına satır eklemmek için de prepend kullanabilirsiniz. Aşağıdaki JQuery kodu aynı anda hem başına hem de sonuna satır ekleyecektir.

  $('#tablom > tbody:last-child').append('<tr><td>5</td><td>6</td></tr>');
  $('#tablom > tbody:last-child').prepend('<tr><td>-1</td><td>0</td></tr>');

  Çıktı: