클래스명확인후 이벤트
본문
제이쿼리
클래스명이 aaa일때는 1번 이벤트~
클래스명이 bbb일때는 2번 이벤트~
작동해라~ 이런게 가능할가요?
$('div .span').click(function(e) {
if 클래스명이 aaa일때는 1번 이벤트~
if 클래스명이 bbb일때는 2번 이벤트~
});
이게 가능할가요??
코딩을못하겟어서요..
답변 1
$('div .span').click(function(e) {
var class_array = $(this).attr('class').split(' ');
if($.inArray('aaa',class_array)){
// 1번이벤트
}
if($.inArray('bbb',class_array)){
// 2번이벤트
}
});
클래스가 하나이상일수도 있어서 배열로 해봤습니다.
if($("div span").hasClass(".aaa") === true) {
alert('aaa전송');
}
이런방식은없을가요?
$('div span').click(function(e) {
if($(this).hasClass('aaa')){
// 1번이벤트
}
});
단순히 alert내용만 띄우실꺼라면
<div>
<div class='span' alert-data='1번메세지'></div>
<div class='span' alert-data='2번메세지'></div>
</div>
$("div .span").on("click",function(){
var alertMsg = $(this).attr("alert-data");
alert(alertMsg);
})
로 하셔도될듯..굳이 if문 안돌리고..
답변을 작성하시기 전에 로그인 해주세요.