在javascript中选择具有特定数据属性的特定元素的更好方法？

Question

我想选择同时具有a, button, input[type="submit"]属性的所有data-type元素。

将是更好，更快和/或更简单的解决方案吗？

我目前的解决方案：$('a[data-type], button[data-type], input[type="submit"][data-type]');

选择所有元素后，我会将click事件绑定到它们。

我在考虑像$('a, button, input[type="submit"]').on('click', '[data-type]', function () { ...这样的东西，但这肯定不起作用。 ;）但也许有类似的东西，我不知道。

Answer 1

＆＃34; .on＆＃34;之前的第一个标签不是多重标签。

你可以这样做：

$( "body" ).on( "click", "[data-type]", function() {
  ...
});

我测试了它，它有效！

或更确切地说：

$( "body" ).on( "click", 
                "a[data-type], button[data-type], etc", 
                function() { 
                  ... 
              });