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是用户点击的元素。您可以使用此对象为单击的元素执行任何独特的功能。

一次单击事件中的jquery多次单击事件

3 个答案: