使jquery脚本在具有相同类名的同一页面上的多个元素上工作

Question

简化的JSfiddle在这里：http://jsfiddle.net/GGUq8/

我有一个小脚本需要li并将它们分成div。如果我将脚本设置为3，则每个div将包含最多3个li。

它运行正常，但是当我在同一页面上对两个元素使用相同的类时会出现问题。当我这样做时，划分出错了，我最终得到了两个内容相同的元素......

请查看jsfiddle以获取示例。

Answer 1

您可以利用.each()：

container.each(function( Index ) {

基本上，当您将容器设置为$(containerClass)时，它会查找页面上的所有元素并对其进行处理。因此，当您调用该函数一次时，它将在它找到的第一个元素上工作，但会使用该类更新页面上的所有元素。然后它会在它找到的下一个上工作，并再次更新所有这些。

使用each()，您将分别循环遍历所有这些内容并分别更新每个内容。要实现此目的，您需要更改使用container的所有位置，并将var设置为$(this)。

我为你的剧本制作了update。我认为它的工作正如你所期待的那样。