click td get tr and td id's

by Prasanth AR

HTML

<table class="table table-hover" id="table_tingkat_jual">
    <thead>
        <tr>
            <th>Tingkat Penjualan</th>
            <th>SA</th>
            <th>Kode SA</th>
            <th>Kuantiti Terendah (lusin)</th>
            <th>Kuantiti Tertinggi (lusin)</th>
        </tr>
    </thead>
    <tbody>
        <tr data-id='1'>
            <td>Diatas Rata-Rata</td>
            <td data-id='1'>1</td>
            <td data-id='2'>AG</td>
            <td data-id='3'>3870</td>
            <td data-id='4'>5782</td>
        </tr>
        <tr data-id='2'>
            <td>Diatas Rata-Rata</td>
            <td data-id='1'>3</td>
            <td data-id='2'>CA</td>
            <td data-id='3'>1080</td>
            <td data-id='4'>3780</td>
        </tr>
    </tbody>
</table>

JavaScript

$('#table_tingkat_jual tr').click(function(e) {
    e.stopPropagation();
    var $this = $(this);
    var trid = $this.closest('tr').data('id');
    alert("TR ID " + trid);
    var tdid = $this.find('td[data-id]').data('id');
    alert("TD ID " + tdid);
});