Jquery 콜백 메소드에 값을 전달하는 방법은 무엇입니까?

Question

div 태그에 CSS 스타일을 설정하기 위해 아래 예제를 보았습니다. 내 질문은, 어떤 값을 '인덱스'의 값이 유지됩니다. 또는 사용자가 인덱스 값을 전달하는 방법을 귀찮게한다면 인덱스 param (콜백 함수)에 대한 값 (즉 사용)을 전달하는 방법은 무엇입니까?

$("div.example").css("width", function(index) {return index * 50;}); 

Answer 1

색인은 모든 요소에서 요소의 색인입니다. 당신은 그 가치를 전달해서는 안됩니다.

div에 example 클래스의 요소가 3 개있는 경우 첫 번째 요소의 인덱스는 0이고 너비는 0px (0*50)으로 설정됩니다. 두 번째 요소의 인덱스는 1이고 너비는 50px (1*50), 세 번째 요소의 인덱스는 2, 너비는 100px (2*50)

Answer 2

콜백 함수에서 인덱스 값은 0부터 시작하여 1 씩 증가합니다 태만).

 $("div").css('width', function(i) { 
      i = 5; 
      return (i * 50); 
     }); 

그러나 여기서 인덱스의 값이 항상 선택 요소 (5)로 설정됩니다

당신이 초기화 또는 특정 요이 방법으로 그것을 할 필요가 그것에 값을 설정하려면

. 그래서, 나는 당신이 인덱스 값의 기본 기능을이 방법으로 사용할 것을 제안합니다.

 $("div").css('width', function(i) { 
      ++i;  // or i++; 
      return (i * 50); 
     }); 

여기서 인덱스 0으로 건너 뜁니다.

또는

당신이 다음 코드 참조 인덱스 일부 시작 값을 설정하려면

:

let j = 5; 
    $("div").css('width', function(i) { 
     i = inc(); 
     function inc() { 
      j++; 
      return j; 
     }; 
     return (i * 50); 
    }); 

희망 지금이 예상 얻을 수있는 출력을. :) :)