使用jQuery循环遍历元素

时间:2013-05-07 18:23:50

标签: jquery css loops

全晚候

我希望有人可以帮我解决我遇到的jQuery循环问题。

我在这里创建了一个示例页面

http://www.csr500.co.uk/websites/v9/preview.html

我的问题是关于位于靠近底部的第三个项目上的灰色条(左下角)的位置,其中包含“数字3”。

我希望将条形图放在每个项目的左下角,但是当我使用jQuery每个函数循环使用项目时,由于各种项目高度,每次都会按下条形。

我有console.debugged每个项目的高度,他们正在递增通过正确但不能解决如何放置项目,然后移动到下一个,所以我有三个灰色条纹,每个项目一个。目前我有三条灰色条纹,全部与最高项目的高度相同。

任何帮助解决这个问题的确非常感谢。

提前感谢你们

卡梅伦

1 个答案:

答案 0 :(得分:0)

而不是:

$(".technologies-used").css("top", margin);

尝试:

$(this).find(".technologies-used").css("top", margin);

你看,循环不是问题,但在循环中,你选择每个元素并改变它的最高值。

所以你的所有元素都有top你最后一个项目(你的最后一个循环)。

因此,使用.find()将获取您在循环中当前元素内搜索的元素。