맛집 여행 캠핑 일상 생활

jQuery Element가 배열인 경우 처리 본문

JAVASCRIPT

jQuery Element가 배열인 경우 처리

영은파더♥ 2016. 5. 2. 15:02

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>


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


Trackback : | Comments :