[Jquery] document.getElementsByClassName을 제이쿼리로

갑자기 제이쿼리?

회사에서 크롤링하는 업무를 맡았는데 (맡았다고 쓰고 떠넘겨졌다고 읽는다.)

cheer.io가 제이쿼리 기반이라 어쩔수없이 사용해보았다. 제이쿼리보단 바닐라 자바스크립트가 편한듯하다.

제이쿼리 싫다

 

$('클래스네임')하면 나온다는데 하나만나온다. 본인은 동일한 클래스이름을 가진 요소가 하나가 아니였고 여러개였기때문에 기대하는 결과값이 아니였다. 

<div class="A"></div>
<div class="A"></div>
<div class="A"></div>
<div class="A"></div>
<div class="A"></div>

이렇게 A라는 클래스명을 가진 div가 5개라면 5개전부를 가져오는게 원하는 결과값이다. 

스택오버플로우에서 해답을 찾아서 올린다.

 

//찾고자하는 클래스이름을 each함수로 돌린다.
$('클래스명').each(function(){
    //해당하는 클래스이름을 가진 html태그가 쭉나온다.
    $(this).html()
})

본인은 해당 클래스이름을 가진 html태그의 img태그의 src값이 필요했기때문에 아래와 같이 작성하였다.

$('.pip-media-grid__media-image').each(function(){
        let result = $(this).children('img').attr('src')
    });