javascript - 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此处使用方法，因为链接是在此处动态添加的。

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

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

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

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

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