js多个对象绑定一个事件的方法

问题:多个相同Id的对象,第二个对象绑定的事件不触发

代码:红色框内为第二个对象绑定的事件不触发代码

js多个对象绑定一个事件的方法

原因:绑定事件的对象只会匹配第一个符合条件的对象

解决:

1.一个html页面上不应该存在多个相同id的元素,应该尽量要避免;

如果不可避免地出现了这种情况,可以使用$("[id=xx]"),如上述图片内红框下代码,这样可以获取所有相同id的元素,而不是只匹配第一个元素。

2.一般情况下,当确实需要多个对象绑定一个事件时,要按class名来绑定事件。用类名绑定事件是类具有一组具有共同特征的事物抽象的体现。代码如下:

js多个对象绑定一个事件的方法