javascript - 循环遍历不起作用的元素

Question

我想检查 this 元素是否具有与所有其他元素匹配的数据属性值，但循环并不总是有效。

精简了下面的代码。

HTML

<div class="list">
   <div class="target" data-post-id="1"></div>
   <div class="target" data-post-id="2"></div>
   <div class="target" data-post-id="1"></div>
   <div class="target" data-post-id="1"></div>
</div>

JS(事件绑定(bind)到 target 类):

if ($(this).data("post-id") == $(this).closest('.list').find('.target').data("post-id")) {
   // do stuff
}

显然，我不知道如何正确循环它。解决方案是什么？

Answer 1

您可能会使用单线:

if ($(this).closest('.list').find('.target[data-post-id=' + $(this).data("post-id") + ']').not(this).length > 0) {
// there was at least one other element in the list with the same data-post-id as the clicked element
}