Implementasi arrow function pada event click di jquery

Saya lagi belajar es6 nih dan baru sampai di arrow function. Saya mencoba mengimplementasikan arrow function ini dengan event handler menggunakan jquery, event nya terjadi tetapi class yang harusnya di masukan ke element yang di klik ini, tetapi tidak di masukan entah kemana dia memasukannya. Mohon bantuannya terima kasih.

$(".btnFilter span").click (()=>{
        $(".btnFilter span").removeClass("active");
        $(this).addClass("active");
    })

avatar hafizdjubaidir
@hafizdjubaidir

110 Kontribusi 1 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

aku coba pakai console.log($(this)) punya hasil yang sama dengan $(document)... alasannya saya ngga tau, tapi untuk penyelesaiannya: <pre> $(".btnFilter span").click((e)=&gt;{ $(e.currentTarget).addClass("active"); }); </pre> Source:<a href='https://stackoverflow.com/questions/27670401/using-jquery-this-with-es6-arrow-functions-lexical-this-binding'>https://stackoverflow.com/questions/27670401/using-jquery-this-with-es6-arrow-functions-lexical-this-binding</a>

avatar zerokira
@zerokira

49 Kontribusi 30 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban