Jquery 按元素后面的数据属性选择元素'；改变

我有很多具有预定义属性的元素

data key=“foo”

。现在，在更新这个元素值之后，我还更新了它的

数据键

属性（

$（this）.data（'key'，'boo'）；

）。此后，我无法再使用选择器选择它。我做错了什么？
我更希望no再次循环所有元素并检查它的

数据键

属性值。另外，据我所知，选择器不能按键和值选择元素

$（文档）.ready（函数（）{
$（'[data key=“foo”]'）。数据（'key'，'boo'）；
setTimeout（函数（）{
$（'[data key=“boo”]'）.css（'color'，'green'）；
$（'#element'）.append（'-现在它必须是绿色的，因为数据键现在是'+$（'#element'）.data（'key'））；
}, 1000);
});

把这个变成绿色
data key=“boo”默认情况下…
当使用
.data（）
时，它使用
$存储在内部缓存中。缓存
不带属性。因此，当使用属性值选择器时，仅选择一个元素

你可以浏览这些帖子



如果要使用属性选择元素，请使用
.attr（）
而不是
.data（）


$（文档）.ready（函数（）{
$（'[data-key=“foo”]'）。attr（'data-key'，'boo'）；
setTimeout（函数（）{
$（'[data key=“boo”]'）.css（'color'，'green'）；
$（'#element'）.append（'-现在它必须是绿色的，因为数据键现在是'+$（'#element'）.data（'key'））；
}, 1000);
});

把这个变成绿色
默认情况下，data key=“boo”…