Şu anda bir HTML tablosunun son satırında olup olmadığınız nasıl söylenir?

Question

Masaya boş bir satır eklemek için kullanıyorum anahtar olayım var. Ancak, imleç tablonun son satırında olduğunda, tuş olayı meydana gelirse yeni satırın eklenmesini istiyorum.

Bu benim geçerli jQuery olayım. .glCreditValue, tablo satırının son TD'sinde bulunan bir giriş metin kutusunun sınıfıdır. Bu nedenle, kullanıcı o girdiden çıkarsa, girdinin içinde bulunduğu TD ise tablonun son satırındaysa, yeni bir satır eklemek istiyorum.

Tablo verileri dinamik olarak oluşturulduğundan, her satırın son TD'si .glCreditValue sınıfıyla bir giriş metin kutusuna sahiptir.

$(".glCreditValue").keydown(function(event) { 
     var keycode = event.keyCode; 
     if (keycode == 9) { 
      //HERE i would like to make sure that i'm in the last row of the table 
      AddNewRow(); 
     } 
    }); 

Tr: son seçiciden yararlanmaya çalışıyorum, ama buradan nereye gideceğime emin değilim.

Answer 1

örneğin sen .closest() ebeveyn <tr> kontrol edip görebiliyordu Bunu yapmak için birkaç yolu vardır, bu gibi .is() bir :last-child: yükü kalmadan bunu yapmak için

$(".glCreditValue").keydown(function(event) { 
    if (event.which == 9 && $(this).closest("tr").is(":last-child")) { 
     AddNewRow(); 
    } 
}); 

Answer 2

Tek yön Bir seçici çalıştırmak sadece the .closest() row almaktır, daha sonra the .next() element'a gidin ve its .length property'u test edin.

Son <tr> numaralı telefon hattından çalışıyorsanız, 0 olacaktır.

if(!$(this).closest('tr').next().length) { 
    // was the last row 
}