javascript - jQuery 选择器可以根据元素的数据查找元素吗？

Question

我有一个带有大量复选框的应用程序。他们每个人都有一个 jQuery 数据参数，指示他们属于哪个组，例如<input type="checkbox" class="show" data-group="zones" />

在某些情况下，我想根据它们包含的数据选择这些复选框的子集。jQuery 选择器可以拉这个吗？如果没有，除了手动过滤之外，还有其他方法可以做到这一点吗？

Answer 1

当然，一种方法很简单

$("input[data-group='zones']");

更新：

更改数据的值也可以这样完成

$("input[data-group='zones']").each(function() {
   $(this).data('group', 'newzone');
});

Answer 2

研究了一下，还有另一种方法，使用 filter()

var inputs = $('input').filter(function() { 
  return $(this).data("groups") == true 
});

接下来整体操作

inputs.each(function() {
    $(this).data('groups', 'new zone');
});

或者你修改单个元素

inputs[0].data('groups', 'new zone');