Ambil Parent tr dari Child tr di Javascript

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

This entry was posted in Programming and tagged , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *