JQuery的做不同的事情根據不同的選擇。對使用（）方法

Question

我有可能需要一些優化幾種不同的任務：

$('.container').on('click', '.one', function() { 
    // do task one 
}); 

$('.container').on('click', '.two', function() { 
    // do task two 
}); 

$('.container').on('click', '.three', function() { 
    // do task three 
}); 

合併到以下幾點：

$('.container').on('click', '.one, .two, .three', function() { 
    // How to selectively perform each task, based on the trigger/ selector? 
    // Think of if (event.type === 'mouseenter') // do sumthing 
}); 

的問題是如何根據每個觸發器/選擇器有選擇地執行每個不同的任務？還是有更好的方法來執行此操作？

感謝

Answer 1

$('.container').on('click', '.one, .two, .three', function() { 
    if ($(this).hasClass("one")) { 
    // do task one 
    } 
    if ($(this).hasClass("two")) { 
    // do task two 
    } 
    if ($(this).hasClass("three")) { 
    // do task three 
    } 
}); 

Answer 2

您可以使用hasClass方法：

$('.container').on('click', '.one, .two, .three', function() { 
    var $this = $(this); 
    if ($this.hasClass('one')) { 
    // 
    } else if ($this.hasClass('two')) { 
    // 
    } else { 
    // 
    } 
}); 

Answer 3

更好的方法可能只是對鏈.on()電話：

$('.container').on('click', '.one', function() { 
    // do task one 
}).on('click', '.two', function() { 
    // do task two 
}).on('click', '.three', function() { 
    // do task three 
}); 

這樣做，將刪除需要額外的處理來檢查元素是否每個都有一個特定的類事件處理程序被觸發。