jquery melaksanakan kaedah menambah dan memadam rows_jquery

Contoh dalam artikel ini menerangkan kaedah menambah dan memadam baris dalam jquery. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Saya baru-baru ini membuat modul pengurusan undian dan perlu menambah pilihan soalan Untuk kemudahan, saya hanya menambah dan memadamkan baris jadual.

Nota: jquery.js perlu diperkenalkan

Pertama pemaparan: (Terdapat 4 baris dalam bentuk secara lalai)

Kod borang:

Salin kod Kod adalah seperti berikut:

 
     
          
             
             
             
         
          
             
             
             
         
          
             
             
             
         
          
             
             
             
         
          
             
             
             
         
   

所属问题                  (单选)                  (复选)：	${question}
选项1：
选项2：
选项3：
选项4：

 
   

 
                                                                                                                                                                                                                                                                                                                                                                                          

Kod JS:

Salin kod Kod adalah seperti berikut: var rowCount=4; //Bilangan lalai bagi baris ialah 4 baris

//Tambah baris
fungsi addRow(){
rowCount ;
var newRow='Option ' rowCount ':Delete< / a>'; $('#optionContainer').append(newRow);
}

//Padam baris
fungsi delRow(rowIndex){
$("#option" rowIndex).remove();
rowCount--;
}


Perlu diambil perhatian bahawa ID perlu ditakrifkan dalam tentukan ID baris baharu apabila menambah baris.

Pembolehubah kiraan baris perlu ditakrifkan dalam JS, kerana borang saya mempunyai 4 baris secara lalai (baris pertama, iaitu baris id='option0' boleh diabaikan), jadi rowCount yang ditakrifkan dalam JS lalai kepada 4.

OK, selesai. Semudah itu.

Selain itu, jika anda perlu menambah baris pada kedudukan yang ditentukan, anda perlu menulis seperti ini

Salin kod Kod adalah seperti berikut:$("#tab tr").eq(-2). selepas(" Nama kata kunci: < /td> *");

-2 adalah untuk menambah baris selepas tr kedua terakhir.

tab ialah id jadual

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.