jQuery Element가 배열인 경우 처리

jQuery Element가 배열인 경우 처리

아래 예제처럼 다수의 Element 인 경우에 onmouseover 처리 방법

이미지 요소를 가져오는 방법은 id가 있으면 id로 $('#imageLayer img')

id가 없다면 $('div img')

어쨌든 원하는 요소가 유니크한 것을 찾는게 제일 우선이다.

div 가 없이 img 만 있다면 div 라도 덧씌워 주는게 중요하다.

가장 확실한 건 id를 지정하면 더 좋다.

<div id="imageLayer">

<img src="test1.jpg" />

<img src="test2.jpg" />

<img src="test3.jpg" />

<img src="test4.jpg" />

<img src="test5.jpg" />

</div>

배열을 한번에 처리 하는 방법

<script>

  $(document).ready(function(){

    var oImg = $('#imageLayer img');

    oImg.mouseover(function(){

      alert(this.src);

    });

  });

</script>

배열을 하나씩 처리 하는 방법

<script>

  $(document).ready(function(){

    var oImg = $('#imageLayer img');

    for(var i=0; i<oImg.length; i++) {

      $(oImg[i]).mouseover(function(){

        alert(this.src);

      });

    }

  });

</script>

입맛에 맞게 처리해주면 된다.