Jquery針對不同類選擇器的相同功能

Question

我有兩個html元素。第一個是類編輯，第二個是edits2。我想用兩個類相同的功能，但不同的變量

HTML

<i data-orderid="<?php echo $row['order_id']; ?>" class="edits fa fa-pencil-square-o"></i> 

<i data-orderid="<?php echo $row['order_id']; ?>" class="edits2 fa fa-pencil-square-o"></i> 

jQuery的

$('.edits').click(function(event) { 
    .... Do something...}); 

$('.edits2').click(function(event) { 
    .... Do something...}); 

運行一個腳本是有辦法有因類選擇一個腳本執行函數還是需要爲每個元素編寫不同的腳本？

Answer 1

你可以在點擊綁定到你定義的函數，而不是一個匿名函數..

function edit(){ /* ... */ } 
$('.edits, .edits2').on("click", edit); 

編輯： 不知道如果我的理解，你也可以看看你的函數中的類

if($(this).hasClass("edits2")){ 
    //edits 2 code 
}else{ 
    //edits code 
} 

Answer 2

您可以撥打這兩個元素的點擊中的一個函數...

function myFunction() { 
    //work here 
}; 
$('.edits').click(function (event) { 
    myFunction(); 
    //do more here... 
}); 
$('.edits2').click(function (event) { 
    myFunction(); 
    //do more here... 
});