jQuery 객체를 자체 메소드 호출로 참조하는 방법은 무엇입니까?

Question

나는이 작업을 수행하려고 해요 : 나는 참조

$('.summary').css('top',$(this).outerHeight()); 

는 '이'나는 $의 인스턴스를 참조 할 싶습니다 JQuery와 현재를 이야기하고, 여러 있기 때문에, ('요약.') 범위는이 인스턴스의 'this'페이지로 간주합니다.

이 경우 각 요소를 참조하는 가장 쉬운 방법은 무엇입니까?

나는이 답변에 대한 검색을 조사했지만 올바른 구문을 잘 모릅니다. 이 대답이 있으면 알려주고 사본으로 닫을 수 있습니다.

감사합니다.

Answer 1

당신은 .css()에 직접 함수를 전달할 수 있습니다.

$('.summary').css('top',function() { 
    return $(this).outerHeight(); 
}); 

이 요소를 반복하며, 리턴 값은 'top' 대한 새로운 값이 될 것이다.

Answer 2

당신은 .each()을 찾고 있습니다.

$('.summary').each(function() { 
    var $this = $(this); 
    $this.css('top', $this.outerHeight()); 
}); 

편집 : 적은 다시 쿼리. 또한 나는 am not i am 님의 답변을 더 좋아합니다. 약간 더 우아합니다.

Answer 3

당신은 다음 방법에서 참조 할 수 있습니다, 첫째 변수로 정의한다 :

var summary = $('.summary'); 
summary.css('top',summary.outerHeight());