Question

$("#myInputId1").blur(function()

我该怎么做：

#myInputId1, #myInputId2, #myInputId3 -> same blur function

我相信这并不难，但尝试了许多事情并且不能！

Answer 1

将相同的css类应用于您想要的所有元素。然后使用以下代码

$('.className').blur(function(){
     ....
 });

Answer 2

试试这个：

$("#myInputId1, #myInputId2, #myInputId3").blur(function(){
   //your code
});

或者其他方式，您可以检查以myInputId开头的所有ID：

$('input[id^=myInputId]').blur(function(){
   //your code
});

Answer 3

简单 -

$('#myInputId1, #myInputId2, #myInputId3').blur(...)

http://api.jquery.com/multiple-selector/

Answer 4

As Api suggested [jQuery( "selector1, selector2, selectorN" )]

$("#myInputId1, #myInputId2, #myInputId3").blur(function(){


}

http://api.jquery.com/multiple-selector/

Answer 5

$('input[id^="myInputId"]').blur(function() {

});

Answer 6

请尝试使用以下代码段。

$('input[id*="myInputId"]').blur(function()

Answer 7

另一个选择是使用委托：

var relevantIDs = ['myInputID1','myInputID2','entirelyDifferentID'];
$('body').on('blur', function (e){
    var self = e.target;
    if (self.id && $.inArray(self.id, relevantIDs) > -1) {
        $(self).plugin();
    }
});

不幸的是，这明确要求元素id都是在数组中预定义的，尽管它允许那些id没有特定的模式（显然，属性的要求 - 选择者的开始 - 或结束 - 。

出于性能原因，最好选择所有目标元素中最接近的共享祖先元素，而不是文档body。

正如其他地方所述，虽然有一些变通方法可以允许这种基于多个id的选择，但使用class等常用属性会更容易，更简单，更清晰。

参考文献：

$.inArray()。
on()。

Answer 8

或者您可以在父级上绑定事件：

$(container).on('blur', 'input', function(){
    //do something
})

许多css id到同一个jquery函数

8 个答案: