Sering saya menemukan masalah saat bermain dengan table di html. Terutama saat menggunakan fitur colspan atau rowspan. Ketika menggunakan fitur itu maka saat melakukan prerhitungan, terutama rata2 kita harus menempatkan hasil pada parent <tr> induk pertama, karena jika kita menempatkan pada parent <tr> bukan induk yang pertama tidak akan bisa terbaca. Berikut adalah ulasannya :
Contoh kode HTML :
<table>
<tr class=”menu”>
<td><input type=’text’ class=’parent’ value=’First Parent’></td>
</tr>
<tr class=”submenu”>
<td><input type=’text’ class=’child’ value=’First Child’></td>
</tr>
<tr class=”submenu”>
<td><input type=’text’ class=’child’ value=’Second Child’></td>
</tr>
<tr class=”menu”>
<td><input type=’text’ class=’parent’ value=’Second Parent’></td> </tr>
<tr class=”submenu”>
<td><input type=’text’ class=’child’ value=’First Child’></td>
</tr>
</table>
Berikut adalah kode Javasriptnya :
$(this).closest(‘tr.submenu’).closest(‘tr.menu’).find(‘.parent’).val();
$(this).closest(‘tr.submenu’).parent(‘tr.menu’).find(‘.parent’).val();
$(this).closest(‘tr.menu’).find(‘.parent’).val();
$(this).closest(‘tr.submenu’).prevUntil(‘tr.menu’).find(‘.parent’).val();
$(this).closest(‘tr.submenu’).parentsUntil(‘tr.menu’).find(‘.parent’).val();
$(this).closest(‘tr.submenu’).parents(‘:first-child’).find(‘.parent’).val();
Terima Kasih.
Sumber Referensi : daniweb.com