eslint => Jq事件綁定使用箭頭函數問題

代碼結構

<div class="box">
    box1
</div>
<div class="box">
    box2
</div>
<div class="box">
    box3
</div>
<div class="box">
    box4
</div>

• 普通寫法的script

    $('.box').on('click',function (){
        console.log($(this).index());
    } )

• 使用箭頭函數找不到this了

    $('.box').on('click',(ev) => {
        console.log($(ev.target).index());
    } )

可以使用 event 時間中的 target 屬性來獲取到點擊的元素