배열의 각 항목에 대한 jQuery 리턴 인덱스 번호 및 rel 속성 Infinite Carousel에서 해당 색인을 설정합니다.

Question

jQuery Infinite Carousel을 현재 표시된 이미지를 기반으로 이미지 컨테이너를 동적으로 크기로 조작하려고합니다. 현재 이미지가 포함 된 Li 요소의 인덱스를 가져와야하지만 문제는 무한 캐 러셀이 LI를 자동으로 제거하고 다시 표시한다는 것입니다. 즉, EQ () 속성이 지속적으로 변경되고 있음을 의미합니다.

따라서 슬라이드 쇼가 시작되기 전에 페이지로드 될 때 인덱스 위치를 기준으로 Rel 속성을 할당해야하며 무한 회전 목마가 Li를 다시 표시해야합니다.

기본적으로 내 HTML은 다음과 같습니다.

<li></li>
<li></li>
<li></li>

그리고 jQuery를 사용하여 페이지로드에이를 만들어야합니다.

<li rel="1"></li>
<li rel="2"></li>
<li rel="3"></li>

jQuery API에 대한 무리를 조사했지만 사용할 속성의 속성이나 조합을 알 수 없습니다.

index(),
each(),
inArray(),
get()

당신의 도움을 주셔서 감사합니다!

Answer 1

이 시도:

$("ul").each(function() {
    $(this).children("li").each(function(i) {
        $(this).attr("rel", i+1);
    });
});