JQuery的on()方法可以很方便地為事件綁定處理程序。而on()方法中的last()則可以讓我們篩選出指定選擇器的最后一個元素進行綁定,實現類似于CSS的:last選擇器的效果。接下來,我們來看一下具體的使用方法。
// 為所有"button"元素中的最后一個綁定點擊事件 $("button").last().on("click", function() { alert("你點擊了最后一個按鈕!"); }); // 為所有表格中的最后一個單元格綁定點擊事件 $("table tr td").last().on("click", function() { alert("你點擊了最后一個單元格!"); });
上面的代碼中,我們使用last()方法篩選出了"button"元素和表格中的最后一個單元格,并為它們分別綁定了點擊事件。需要注意的是,last()方法只會返回一個元素,如果想要對多個元素進行綁定,請使用each()方法。
// 為所有表格中的最后兩個單元格綁定點擊事件 $("table tr td").last().prev().each(function() { $(this).on("click", function() { alert("你點擊了倒數第二個單元格!"); }); });
在上面的代碼中,我們使用last()方法找到表格中的最后一個單元格,并使用prev()方法找到它的前一個單元格,最后使用each()方法為這兩個單元格分別綁定了點擊事件。
總的來說,last()方法可以讓我們在事件綁定中更加靈活方便地應用選擇器,為我們的開發工作帶來了很大的便利。