wrkbrs

[jQuery] .each(function(index, element){}) (DOM형식) 본문

jQuery

[jQuery] .each(function(index, element){}) (DOM형식)

zcarc 2019. 1. 12. 08:09

*

.each 함수 사용

- DOM의 반복과 Array, Object의 반복 두가지 방법으로 사용된다.

Array,Object 반복 : $.each() 형태로 사용

DOM 반복 : $(selector).each(function(){}) 형태로 사용


DOM반복의 예

$(".allblock").each(function(){

$(this).css("background-color", "#FFCDD2");

})

-클래스로(class)로도 반복문을 사용할 수 있다.

-해당 클래스를 가지고 있는 태그에만 적용하는방법


$("span").each(function(i, element){

if(i = 2){

$(element).css("background-color", "#FFCDD2");

}

})

-태그 span을 가진 2번째 엘리먼트에 적용


'jQuery' 카테고리의 다른 글

[jQuery] 자식제외 클래스의 텍스트 선택하기  (0) 2019.01.18
[jQuery] API 정복 - attr(), 속성을 제어하기  (0) 2019.01.14
[jQuery] 많이 쓰이는 선택자 정리  (0) 2019.01.12
jQuery 정리 2  (0) 2019.01.12
jQuery 정리 1  (0) 2019.01.12