$("#myInputId1").blur(function()
我能怎么做:
#myInputId1, #myInputId2, #myInputId3 -> same blur function
我相信这并不难,但尝试了很多东西并且不能!
$("#myInputId1").blur(function()
我能怎么做:
#myInputId1, #myInputId2, #myInputId3 -> same blur function
我相信这并不难,但尝试了很多东西并且不能!
将相同的 css 类应用于您想要的所有元素。然后使用以下代码
$('.className').blur(function(){
....
});
尝试这个:
$("#myInputId1, #myInputId2, #myInputId3").blur(function(){
//your code
});
或其他方式,您可以检查所有以 id 开头的myInputId
:
$('input[id^=myInputId]').blur(function(){
//your code
});
或者您可以在父级上绑定事件:
$(container).on('blur', 'input', function(){
//do something
})
$('input[id^="myInputId"]').blur(function() {
});
请尝试使用以下代码片段。
$('input[id*="myInputId"]').blur(function()
正如 Api 建议的那样 [jQuery( "selector1, selector2, selectorN" )]
$("#myInputId1, #myInputId2, #myInputId3").blur(function(){
}
另一种选择是使用委托:
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
s 都在数组中预定义,尽管它允许那些id
s 没有特定的模式(显然,属性开始于或结束于选择器的要求)。
出于性能原因,最好选择所有目标元素中最接近的共享祖先元素,而不是 document body
。
不过,正如其他地方所指出的,虽然有一些解决方法可以允许这种基于多重id
的选择,但使用通用属性(例如class
.
参考: