SORU
4 EKİM 2008, CUMARTESİ


JQuery ekleme tablo satır

Son satırı olarak bir tabloya ek bir satır eklemek için bir WordPress kullanmak en iyi yöntem nedir?

Güncelleme

Bu kabul edilebilir:

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

Böyle bir tablo (giriş-seçer, satır sayısı gibi) ekleyebilirsiniz ne için sınırlama var mı?

CEVAP
4 EKİM 2008, CUMARTESİ


Bu yaklaşım önermek örneğin senin için - eğer tbody olsaydı ne bakıyorsun sonuç vermeyi garanti değil:

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
</table>

Aşağıdaki ile sona erecekti:

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
  <tr>...</tr>
</table>

Bu nedenle bu yaklaşım yerine tavsiye ederim:

$('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');

after() Bu yöntem, geçerli HTML, örnek başına birden çok satır da dahil olmak üzere yukarıda olduğu sürece içinde bir şey vardır.

Güncelleme:Bu soru ile son aktivite aşağıdaki bu cevap korumaktı. eyelidlessness her zaman DOM tbody Bir iyi bir yorum yapar; bu ise en az bir satır varsa sadece doğrudur, ama. Eğer hiçbir satır varsa, bir kendine belirtilmediği sürece tbody yok.

DaRKoN_ suggests tbody ekleme yerine geçen sonra İçerik Ekleme tr. Bu etrafında hiçbir satır olması sorun olur, ama yine de teorik olarak tbody birden fazla eleman olabilir ve satırın her biri için eklenir gibi kurşun geçirmez değil.

Her şeyi tartmak, her olası senaryo için hesapları bir satırı tek bir çözüm olduğundan emin değilim. JQuery kod biçimlendirme ile hesaplar emin olmak gerekir.

En güvenli çözüm muhtemelen table her zaman eğer hiçbir satır varsa bile en az bir biçimlendirme tbody içerir sağlamak için olduğunu düşünüyorum. Bu temelde, ancak çok çalışacak, aşağıdaki (ve ayrıca tbody birden fazla eleman için hesap) kullanabilirsiniz

$('#myTable > tbody:last-child').append('<tr>...</tr><tr>...</tr>');

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Joseph Hayhoe

    Joseph Hayho

    20 Mayıs 2010
  • Karan Thakur

    Karan Thakur

    23 HAZİRAN 2010
  • trickycharms

    trickycharms

    6 Aralık 2013