选择具有由 data() 设置的某些值的 JQuery 元素 [重复]

Question

可能重复：
jquery data selector

我有几个带有“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]')
[]

我不确定问题出在哪里，也不知道该怎么做。

Answer 1

这是一种方法：

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