클릭한 요소의 클래스를 가져오는 방법은 무엇입니까?

클릭한 요소의 클래스를 가져오는 방법은 무엇입니까?

저는 어떻게 하면 그 집에 도착시킬 수 있을지 모르겠어요.class클릭한 요소의 값입니다.

내가 아래 코드를 사용할때, 나는 있습니다."node-205"매회

jQuery:

.find('> ul')
.tabs(
{
    selectedClass: 'active',
    select: function (event, ui) {
        //shows only the first element of list
        $(this).children('li').attr('class');
    },
    cookie: { expires: 0 },
    fx: fx
})

HTML:

<ul class="tabs">
  <li class="node-205"></li>
  <li class="node-150"></li>
  <li class="node-160"></li>
</ul>

각 "li" 태그에 클릭 이벤트를 추가한 다음 클릭한 요소에 대한 클래스 속성을 검색하는 빠른 jQuery 예제가 있습니다.

$("li").click(function() {
   var myClass = $(this).attr("class");
   alert(myClass);
});

마찬가지로 개체를 jQuery로 감싸지 않아도 됩니다.

$("li").click(function() {
   var myClass = this.className;
   alert(myClass);
});

최신 브라우저에서는 클래스 이름의 전체 목록을 확인할 수 있습니다.

$("li").click(function() {
   var myClasses = this.classList;
   alert(myClasses.length + " " + myClasses[0]);
});

에뮬레이트 할 수 있습니다.classList이전 브라우저에서myClass.split(/\s+/);

$("li").click(function(){
    alert($(this).attr("class"));
});

저는 이 질문을 보고 좀 더 확대해 볼까 했습니다.이것은 @SteveFenton이 가지고 있던 아이디어의 확장입니다.a를 묶는 대신click각자에게 이벤트li요소, 이벤트를 위임하는 것이 더 효율적일 것입니다.ul밑.

jQuery 1.7 이상용

$("ul.tabs").on('click', 'li', function(e) {
   alert($(this).attr("class"));
});

설명서: .on()

jQuery 1.4.2 - 1.7의 경우

$("ul.tabs").delegate('li', 'click', function(e) {
   alert($(this).attr("class"));
});

설명서: .delegate()

jQuery 1.3 - 1.4의 최후의 수단으로

$("ul.tabs").children('li').live('click', function(e) {
   alert($(this).attr("class"));
});

아니면

$("ul.tabs > li").live('click', function(e) {
   alert($(this).attr("class"));
});

설명서: .live()

이렇게 하면 효과가 있을 것입니다.

...
select: function(event, ui){ 
   ui.tab.attr('class');
} ,
...

ui.탭에 대한 자세한 내용은 http://jqueryui.com/demos/tabs/ #Events를 참조하십시오.

제공되는 모든 솔루션을 사용하면 클릭할 요소를 미리 알 수 있습니다.클릭한 요소에서 클래스를 가져오려면 다음을 사용할 수 있습니다.

$(document).on('click', function(e) {
    clicked_id = e.target.id;
    clicked_class = $('#' + e.target.id).attr('class');
    // do stuff with ids and classes 
    })

$("div").click(function() {
  var txtClass = $(this).attr("class");
  console.log("Class Name : "+txtClass);
});

언급URL : https://stackoverflow.com/questions/964119/how-to-get-the-class-of-the-clicked-element