jquery - 根据 jQuery 中的数据属性过滤项目

Question

我有一个使用发现的 jQuery 项目列表

var groupedItems = $('div[data-group-id="'+groupId+'"]');

每个分组的项目都有一个名为

的属性

data-info={"isAvailable":"true","isValid":"false"}

从 groupedItem 中，我只想过滤具有属性 isAvailable=true 的元素。

如何根据数据属性进行过滤？

Answer 1

您可以使用 jQuery filter()过滤 jQuery 集合的方法以及可以在哪里使用 data()获取属性的方法。

var groupedItems = $('div[data-group-id="' + groupId + '"]');

var res = groupedItems.filter(function() {
  // since property value starts with {, the data method
  // would parse if it's a valid JSON. So simply get the
  // property from the object and compare
  return $(this).data('info').isAvailable == 'true';
})