각 클래스에 반복 번호 추가

임 hand에 숫자를 추가하려고합니다. 그들 각각은 페이지를 내려가는 숫자가 하나씩 증가 할 것이라고 가정합니다. FOR 루프로이 작업을 수행 할 수 있다고 생각했지만 어떻게해야할지 모르겠다!각 클래스에 반복 번호 추가

이것은 내가 지금까지 가지고 있지만 나는 FOR 루프 사이에 무엇을 입력해야되는지 잘 모릅니다 코드 :

$(".hand").each(function(){ 
     var i = 0; 
     for (i=0;i<=20;i++){ 

     } 
});

어떤 아이디어를?

편집 :

HTML Exampe :

<div class="hand effect"><br> 
    <div class="outer"> 
    <a href="" class="title">Text</a> 
    <span class="inner"> 
    Text More Text. 
    </span> 
</div> 
</div>

출처

2011-11-11 Shawn31313

를 사용하여 범위 태그의 각 스타일을 할 수 있습니까? –

$.each 당신을위한 인덱스를 제공합니다.

$(".hand").each(function(index,element){ 
    $(this).append('<span class="index">' + (++index) + '</span>'); // example of appending a span tag to them 
});

그런 다음 당신은 당신이 최종 결과이 원하는 무엇의 예를 들어 줄 수 클래스 index

출처

2011-11-11 20:41:32

어떻게 사용합니까? – Shawn31313

왜 내가이 접근 방식을 취하고 있는지 묻겠습니다. 당신이하고 싶은 것을 할 수있는 더 좋은 방법이있을 것입니다. –

아니요, 저는 핸드라는 26 개의 요소를 가지고 있습니다 : 손. 그리고 오른쪽 상단 모서리에 번호가 매겨진 요소를 하나씩 갖고 싶습니다. 예 : 페이지의 첫 번째 상자 - 숫자 0, 두 번째 상자 - 페이지 번호 1 ... 등등 .... – Shawn31313

각 클래스에 반복 번호 추가

답변

관련 문제