jQuery多點擊事件在一個單擊事件

Question

我用這個下面的函數...爲每個ID我打電話一個功能..我只打一個點擊功能，所以我需要使用單擊功能。

 .append($('<a>',{'class':'list-header','id':'call1','name':'name','value':'1'}).append('1')) 
     .append($('<a>',{'class':'list-header','id':'call2','name':'name','value':'2}).append('2')) 
     ... 
     ... 
     ... 
     .append($('<a>',{'class':'list-header','id':'call7','name':'name','value':'7'}).append('7')))); 


     $('#call1').click(function(){ 

     }); 
     $('#call2').click(function(){ 

     }); 
     ... 
     ... 
     ... 
     $('#call7').click(function(){ 

     }); 

我已經使用上面的七個函數..我一次只會調用一個函數。所以我需要在一個單一的功能..

如何做到這一點？

Answer 1

你可以嘗試

$('#call1, #call2, #call3, #call4,#call5,#call6,#call7'). 
                click(function(event){ 
    if($(event.target).attr('id')=='call1'){ 
     /* specific code for call1*/ 
    } else if($(event.target).attr('id')=='call2'){ 
     /* specific code for call2*/ 
    ------ 
}); 

Answer 2

你可以簡單地使用了類，您已經有了：

$(document).on('click', '.list-header', function(){ 
    alert(this.id); 
    // Your code goes here 
}); 

此外，您還需要在這裏使用on方法，因爲這些鏈接動態此處添加。

Answer 3

連接單擊事件按類選擇的所有對象。

$(document).ready(function() { 
    $(".list-header").click(function(clkEvt) { 
     var ClickedAtag = $(clkEvt.target); 

     alert(ClickedAtag.id); 
    }); 
}); 

ClickedAtag是用戶點擊的元素。您可以使用此對象爲單擊的元素執行任何獨特的功能。