Javascript 循环遍历具有匹配数据属性值的元素

我有以下设置：

$（文档）.on（'click touch'，'.target'，function（））{
if（$（this）.data（“post id”）==$（this）.closest（'.list'）.find（'.target'）.data（“post id”））{
警惕（“做事”）；
}
});

A.
B
A.
A.
B
只需抓取ID，然后找到其余的-无需每个：


$（文档）.on（'click touch'，'.target'，function（））{
var id=$（this.data）（“post id”），$list=$（this.closest（“.list”）；
$list.find（“.target”）.removeClass（“红色”）//在列表中重置
$list.find（“.target[data post id=“+id+”]”）。addClass（“red”）；//设置相同的id
});
.red{
颜色：红色
}

A.
B
A.
A.
B
只需抓取ID，然后找到其余的-无需每个：


$（文档）.on（'click touch'，'.target'，function（））{
var id=$（this.data）（“post id”），$list=$（this.closest（“.list”）；
$list.find（“.target”）.removeClass（“红色”）//在列表中重置
$list.find（“.target[data post id=“+id+”]”）。addClass（“red”）；//设置相同的id
});
.red{
颜色：红色
}

A.
B
A.
A.
B
只需使用jQuery的
each（）
遍历与单击的元素具有相同
数据post id
值的所有元素


$（文档）.on（'click touch'，'.target'，function（））{
$（“[data post id=“+$（this）.data（'post-id'）+”]）。每个（函数（）{
$（this.css（“颜色”、“红色”）；
});
});

A.
B
A.
A.
B
只需使用jQuery的
each（）
遍历与单击的元素具有相同
数据post id
值的所有元素


$（文档）.on（'click touch'，'.target'，function（））{
$（“[data post id=“+$（this）.data（'post-id'）+”]）。每个（函数（）{
$（this.css（“颜色”、“红色”）；
});
});

A.
B
A.
A.
B
实现这一结果的方法还有很多

我添加了从上一次运行中删除classname，它将红色添加到最后选择的项目中


$（文档）.on（'click touch'，'.target'，function（））{
var postID=$（此）.data（“post id”）；
$（'.red'）.removeClass（'red'）；
$（'.target'）。每个（函数（）{
var el=$（本）；
如果（el.data（'post-id'）==postID）{
el.addClass（“红色”）；
}
});
});
.red{背景：red}

A.
B
A.
A.
B
实现这一结果的方法还有很多

我添加了从上一次运行中删除classname，它将红色添加到最后选择的项目中


$（文档）.on（'click touch'，'.target'，function（））{
var postID=$（此）.data（“post id”）；
$（'.red'）.removeClass（'red'）；
$（'.target'）。每个（函数（）{
var el=$（本）；
如果（el.data（'post-id'）==postID）{
el.addClass（“红色”）；
}
});
});
.red{背景：red}

A.
B
A.
A.
B
.each（）
应该可以做到这一点。看。@FedericoklezCulloca我实际上试过
.each（）
，但没能成功。您能通过回答进行演示吗？
jeffdill2
似乎已经在前面的问题中向您演示了
each（）
的用法。此外，您还说您尝试了
.each（）
，因此请发布该代码以演示该问题。另外，有关如何使用它的信息，请参见。
。each（）
应该可以做到这一点。看。@FedericoklezCulloca我实际上试过
.each（）
，但没能成功。您能通过回答进行演示吗？
jeffdill2
似乎已经在前面的问题中向您演示了
each（）
的用法。此外，您还说您尝试了
.each（）
，因此请发布该代码以演示该问题。另外，有关如何使用它的信息，请参阅。