一次单击事件中的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

您可以简单地使用已经拥有的类：

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

另外，由于链接是在此处动态添加的，因此您需要on此处使用on方法。

Answer 2

你可以试试

$('#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 3

通过类选择为所有对象附加click事件。

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

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

ClickedAtag是用户单击的元素。 您可以使用此对象为clicked元素执行任何唯一功能。