[Jquery] 제이쿼리 오브젝트(object) 클래스 이름 가져오기, 클래스 데이터 추출

안녕하세요.

오늘은 클릭 이벤트 발생 시 해당 Object의 Class Name를 가져오는

이벤트에 대해서 설명 드리겠습니다.

아래의 소스에 예제와 설명이 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<html>
    
    <head>
        <script>
 
            // 버튼클릭
            $("#testBtn").click(function(){
                // class name 가져오기
                var select = $(this).attr('class');
 
                // 'testclass' 라고 alert에 표출.
                alert(select);
                
            });
 
            // div 클릭
            $("#testD").click(function(){
                // class name 가져오기
                var select = $(this).attr('class');
                // 'testC' 라고 alert에 표출.
                alert(select);
                
            });
 
 
        </script>
    </head>
    <body>
        <div id="testD" class="testC"> 테스트입니다. </div>
 
        <input type="button" id="testBtn" class="testclass"/>
    </body>
 
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter

유익하셨다면 댓글 적어주시면 감사하겠습니다.

저작자표시 비영리

'JavaScript' 카테고리의 다른 글

자바스크립트(JavaScript)란 무엇이며 특징 및 장단점(기초) (0)	2020.02.12
[ Jquery ] 제이쿼리 addClass(), removeClass() 설명 및 예제(간단) (0)	2020.02.04
[Jquery] 제이쿼리 체크박스 체크하기(간단) (0)	2020.02.03
[Jquery] 제이쿼리 null 체크 함수 예제(간단) (1)	2020.02.03
[Jquery] 제이쿼리 체크박스 체크 유무 및 값 추출 예제 포함 (0)	2020.02.03