jQuery UI冲突检测未冲突的div

Question

我是JavaScript的新手，所以如果这个问题太天真/明显，请原谅。我使用的是jQuery UI拖放(以及这个站点上的jQuery碰撞检测库：http://eruciform.com/static//jquerycollision/jquery-collision-drag-collision-example.html)。尽管我可以毫不费力地检测出哪些div正在相互冲突(并使用($(this).collisions(".collisionclass")).each(function()对上述div执行操作...)，但我还没有能够找到这些没有相互冲突或目标对撞器的div列表，至少不是一个优雅的解决方案(原因是我想在其他未冲突的div上执行其他操作)。

有没有人知道一种优雅的方法，可以在不使用暴力的情况下找到哪些div没有冲突(例如，将所有这样的div添加到一个集合中，每次发生冲突事件时，检查原始集合中的哪些div不在产生的冲突集合中)？通过上面的链接的示例源代码似乎简单地添加和删除了原始div冲突部分上的动态div覆盖，但这并没有告诉我如何检测未冲突的div...

Answer 1

您可以使用jquery not方法。

var not_collided = $(".item").not(".collisionclass")

从技术上讲，这将检查所有的项目，如果它们有"collisionclass“类，但它仍然是有效的，直到你得到大量的项目。