[Jquery] Object비교

Jquery를 이용한 Object비교

Jquery에서 같은 Object를 비교하더라도, 계속해서 다르다고 나올 경우가 있다.

  <div class="div">객체 비교</div>
  <script>    
    console.log( $(".div") == $(".div"));    //false
    console.log( $(".div") === $(".div")); //false
  </script>
 

위의 소스를 볼때, 같은 Object를 비교하는데도, 실제 비교를 하면 flase값이 나온다. 

Jquery를 이용하면 해당 노드에 대한 정보가 배열로 해서 저장이 되는데, 이 배열에서 해당 노드에 대한 정보만 뽑아와야한다.

  <div class="div">객체 비교</div>
  <script>    
    console.log( $(".div")[0]==$(".div")[0]); //true
    console.log( $(".div")[0]===$(".div")[0]); //true
    console.log( $(".div").get(0)==$(".div").get(0)); //true
    console.log( $(".div").get(0)===$(".div").get(0)); //true
    console.log( $(".div").get(0)[0] == $(".div").get(0)[0] ); //true
    console.log( $(".div").get(0)[0] === $(".div").get(0)[0] ); //true
  </script>
 

위의 소스대로 ".div" 노드 정보에서 첫번째 배열만 가져오거나, 혹은 get()을 메소드를 이용해서 비교하면 원하는 값을 얻을 수 있다.