요소에서 속성 가져 오기

Question

비슷한 요소가 두 개 있는데 각 값을 가져와야합니다. 이 둘의 유일한 차이점은 차별화 된 수업입니다.

TypeError: $(...).hasClass(...).attr is not a function. 

내가 무엇을 놓치고 :

<div id="box_1231231" class="myItem boxItem"></div> 
<div id="toy_1231231" class="myItem toyItem"></div> 

$(document).delegate('.myItem', 'mouseup', function() { 
    var key_box = ($(this).hasClass('.boxItem').attr('id')).replace('box_', ''), 
     val_box = $(this).hasClass('.boxItem').val(), 
     val_toy = $(this).hasClass('.toyItem').val(); 
    ... 
}); 

나는 다음과 같은 오류가 계속?

$(this).hasClass('toyItem') 
$(this).hasClass('boxItem') 

Reference

Answer 1

hasClass가 attr 방법이없는 부울 값을 반환을 가져 오는 동안

Answer 2

사용으로 .를 제거합니다. 난 당신이 뭘 하려는지 이해했다면, 당신은 if 문을 사용해야합니다

$(document).on('mouseup', '.myItem', function() { 
    var $el = $(this); 

    if ($el.hasClass('boxItem')) { 
     var key_box = $el.attr('id').replace('box_', ''); 
     var val_box = $el.val(); 

     // your logic here... 
    } 
    else if ($el.hasClass('toyItem')) { 
     var val_toy = $el.val(); 

     // your logic here... 
    } 
}); 

이 또한 내가 새로운 on 구조에 delegate을 개정 있습니다.