Menghentikan Eksekusi Event dari element yang sama

Untuk mencegah eksekusi event .edit ketika tombol modal diklik, kamu bisa menggunakan metode stopPropagation() pada event handler tombol modal. Metode ini menghentikan propagasi event sehingga event tidak akan "menyebar" ke elemen-elemen induk.

<table>
    <tr class="edit">
        <td>
            <!-- Konten lainnya -->
            <button class="modal-button">Open Modal</button>
        </td>
    </tr>
</table>

Script menggunakan library JQuery

$(document).ready(function(){
    // Event handler untuk elemen tr dengan class .edit
    $("tr.edit").on("click", function(){
        console.log("Event .edit dieksekusi");
        // Aksi lainnya untuk event .edit
    });

    // Event handler untuk tombol modal
    $(".modal-button").on("click", function(event){
        event.stopPropagation(); // Mencegah event .edit dieksekusi
        console.log("Tombol modal diklik");
        // Aksi untuk membuka modal
    });
});