[jQuery] getElementsByClassName를 jQuery로 바꿔보자.

// getElementsByClassName메소드는 css class이름으로 Dom객체를 수집할 수 있다.
var divs = document.getElementsByClassName("style_class"); // NodeList return
console.log("노드 길이 :"+ divs.length);
for(var i=0; i < divs.length; i++){
    var single = divs[i]; // 또는 divs.item(i);
    console.log(i, single);
}

// jQuery로 바꿔보자.
$(document).ready(function(){
    var $divs =$(".style_class");  // class일 경우 ".클래스명" 
    console.log($divs);
    for(var i=0;i<$divs.length;i++){
        var $div = $divs.eq(i);
        console.log("i ", i,$div[0]);			
    }
});	
// 이하 body 

Test class div


Test class div 22