jquery - 是否有一种正确的方法来遍历 jquery 中的多个选择器

Question

假设我有一个.on()选择多个 id 的功能

    $("#i, #am, #your, #father").on("click" , function(event){
    //iterate over the selectors and return tagname
       alert ( $("#i").prop("tagName")  );
       alert ( $("#am").prop("tagName") );
       alert ( $("#your").prop("tagName") );
       alert ( $("#father").prop("tagName") );
    }

我能想到的唯一方法是分别提醒每个人。有没有一种已知的方法来处理$("#i, #am, #your, #father")数组？

Answer 1

请试试这个：

有趣的阅​​读：jQuery：'$(this)' 和 'this' 之间有什么区别？

也可以点击任何这些链接ids，您可以使用它$(this)来获取道具tagName

此外，如果您想知道如何将所有这些绑定到 on var，请参见此处：$foo示例：http: //jsfiddle.net/6hwLS/5/

希望这可以帮助，

$("#i, #am, #your, #father").on("click" , function(event){
//iterate over the selectors and return tagname
   alert($(this).prop("tagName")  );

}

进一步你也可以这样做

var $foo = $("#i, #am, #your, #father");

$foo.on("click", function(event) {
    //iterate over the selectors and return tagname
    alert($(this).prop("tagName"));

}​

Answer 2

像这样的东西？

var $groupSelection = $('#i, #am, #your, #father');

$groupSelection.on('click', function(e){
   $groupSelection.each(function(){
      alert( $(this).prop('tagName') );
   });
});

演示在 http://jsfiddle.net/ZHpFa/