jquery를 사용하여 요소를 반복합니다.

Question

저녁 모두

저는 누군가 제가 jQuery 루핑 문제를 도울 수 있기를 바랬습니다.

여기 샘플 페이지

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

내 문제가 거기에 '3 번'과 아래쪽에 세 번째 항목에있는 (왼쪽 아래) 회색 막대의 위치에 대하여하는 것입니다 .

각 항목의 왼쪽 하단에 막대를 표시하고 싶지만 각 항목의 jquery를 사용하여 항목을 반복 할 때 막대가 다양한 항목 높이로 인해 매번 아래로 밀려납니다.

저는 각 항목의 높이를 console.debugged했습니다. 올바르게 꾸밀 수는 있지만 항목을 배치 한 다음 다음 단계로 이동하는 방법을 알아낼 수 없으므로 각 항목에 3 개의 회색 줄무늬가 있습니다. 현재 세 개의 회색 줄무늬가 모두 가장 높은 항목 높이에 있습니다.

이 문제를 해결하는 데 도움이되는 정보는 정말 감사하겠습니다. 시도는

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

: 사전에

카메론

Answer 1

대신을 모두 하라구요

당신이 볼

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

, 루핑이 probleme이 아니라에서 루프에서 모든 요소를 ​​선택하고 최상위 값을 변경합니다.

모든 요소의 마지막 항목은 (최종 루프) top입니다.

따라서 .find()을 사용하면 현재 루프에있는 요소 내에서 검색중인 요소를 가져올 수 있습니다.