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 내용 가지고 오기 - 일반 메서드 활용

See the Pen each - jquery by 정은 (@luchiaChoi) on CodePen.

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