제이쿼리
클래스명이 aaa일때는 1번 이벤트~
클래스명이 bbb일때는 2번 이벤트~
작동해라~ 이런게 가능할가요?
$('div .span').click(function(e) {
if 클래스명이 aaa일때는 1번 이벤트~
if 클래스명이 bbb일때는 2번 이벤트~
});
이게 가능할가요??
코딩을못하겟어서요..
답변 1개 / 댓글 3개
채택된 답변
+20 포인트
2019-03-21 (목) 11:13:55
Copy
$('div .span').click(function(e) {
var class_array = $(this).attr('class').split(' ');
if($.inArray('aaa',class_array)){
// 1번이벤트
}
if($.inArray('bbb',class_array)){
// 2번이벤트
}
});클래스가 하나이상일수도 있어서 배열로 해봤습니다.
답변에 대한 댓글 3개
그누보드초보이용자
2019-03-21 (목) 11:18:31
2019-03-21 (목) 11:24:10
$('div span').click(function(e) {
if($(this).hasClass('aaa')){
// 1번이벤트
}
});
if($(this).hasClass('aaa')){
// 1번이벤트
}
});
아르키어드
2019-03-21 (목) 11:48:18
단순히 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문 안돌리고..
<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문 안돌리고..
답변을 작성하려면 로그인이 필요합니다.
alert('aaa전송');
}
이런방식은없을가요?