JQUERY

each메서드

funfunweb 2023. 7. 5. 17:50
//jquery 일반 메서드
$(selector).each(function(index,element))

//jquery 유틸리티 메서드
$.each(object, function(index, element){ });

$(selector).each   

function - 익명 함수

index  -선택자의 위치값  , 반복문을 사용할 경우 몇번째인지 알수 있음. for문의 i역할. 

익명함수 내부에서 $(index)로 선택할 수도 있고, 사용하지 않을 경우 제외가능

element -현재요소(this 선택자 사용 가능)

현재 반복문에서 선택되는 엘리먼트. 익명함수에서 $(element)로 선택 가능.

사용하지 않을 경우 제외 가능하고 element 대신 this 사용 가능

<ul>
	<li>item1</li>
    <li>item2</li>
    <li>item3</li>
</ul>

each함수 사용하여 li 안에  있는 text 내용 가지고 오기 - 일반 메서드 활용

console.log($(this).text());  //내용 가져오기
 console.log($(this).index()); //index가져오기

 

'JQUERY' 카테고리의 다른 글

queue()  (0) 2024.11.06
항상 최신 jquery 사용  (0) 2023.07.05
waypoint 활용 스크롤 위치에 따른 애니메이션 만들기  (0) 2023.07.05
jquery 시작 ready,onload차이점  (0) 2023.06.27