JQuery'yi kullanarak bir HTML tablosunun MIDDLE'sine yeni bir TR ekleyebilir miyim?

Question

Ben JQuery kullanarak bir tabloya yeni bir satır eklemek için biliyorum:

var newRow = $("<tr>..."</tr>"); 
$("#mytable tbody").append(newRow); 

soru bazı Var olan satır önce gelen yeni bir satır oluştururum nasıl. Bundan daha

Answer 1

where_you_want_it.before(newRow) 

veya

newRow.insertBefore(where_you_want_it) 

- With MarkusQ

Answer 2

Aksine: Eğer böyle bir şey yapmak istiyorum yapacaksın

$("#mytable tbody").append(newRow); 

:

$("#id_of_existing_row").after(newRow); 

Answer 3

var newRow = $("<tr>...</tr>"); 
$("#idOfRowToInsertAfter").after(newRow); 

anahtar satırın id bilmektir Eklemek istediğiniz Yeni satırın ardından veya en azından o satırı alacak bazı seçici sözdizimi ile geliyor.

jQuery docs on after()

Answer 4

:

var newTr = $('<tr>[...]</tr>'); 

Şunları yapabilirsiniz ...

(

$('#<id of the tr you want to insert the new row after>').after(newTr) 

belli bir satır indeksi sonra yerleştirin endeksleri şunlardır:

1. başka satır kendisi için (diğer her türlü mülkiyet veya) bir kimlik biliyorum (bunu seçerseniz önce veya) sonra takın 0 tabanlı) 1 tabanlı değil: Bahsettiğiniz olarak

   $($('table#<id> tr')[<index>]).after(newTr) 
   

2. ... ya mutlak orta mümkündür:

   var existingTrs = $('table#<id> tr') 
   $(existingTrs[parseInt(existingTrs.length/2)]).after(newTr) 
   

Answer 5

örneğin u tabloya bir ekleme görüntüsü yerleştirirseniz bu böyle bir şey olacak:

Tablonuzdaki edilen en son hücre:

<td> <img class=\"insertRow\" src=\"/images/imgInsertRow.jpg\" /> </td> 

Sizin jquery kodu:

$('table td img.insertRow').click(function(){ 
    var newRow=$('<tr>........</tr>'); 
    $(this).parent().parent().after(newRow); 
});