javascript - 选择具有由 data() 设置的某些值的 JQuery 元素

Question

可能重复：
jquery 数据选择器

我有几个带有“connection_name”类的元素。这些元素中的每一个都有一个使用 data() JQuery 函数绑定到它的唯一 id。我正在尝试查询以查找具有给定 id 的元素，但我似乎无法让它工作。

为了这个测试，我创建了一个只有 1 个元素的页面，并设置了元素的 id。

我可以验证是否正在设置 id，因为当我在控制台中查询元素时，它会显示返回的 id：

$('.connection_name').data()
  Object
  id: "4fea76bd99ea080d19000002"
  __proto__: Object

我已经阅读了其他问题/帖子，该元素应由 $('selector[data-attribute=value]') 选择，但这似乎不起作用：

$('.connection_name[data-id="4fea76bd99ea080d19000002"]')
[]

更糟糕的是，即使我尝试不带任何值（仅通过属性）选择它，我仍然什么也不返回：

$('.connection_name[data-id]')
[]

我不确定问题是什么，或者如何去做。

score 7 · Accepted Answer

这是一种方法：

var theItem = $('.connection_name').filter(function() {
    return($(this).data("id") === "4fea76bd99ea080d19000002");
});

1 回答 1