요소의 클래스 이름을 얻는 방법

Question

divs 컬렉션이 있습니다.

<div class='happy person'><img src='#' /></div> 
<div class='fat person'><img src='#' /></div> 
<div class='joyous person'><img src='#' /></div> 
<div class='grotesque person'><img src='#' /></div> 
<div class='sad person'><img src='#' /></div> 

사용하여 선택한 ...

var people = $('.person') 

결과는 클래스 변수에 저장됩니다. jQuery는이 선택 결과를 HTMLDivElements의 배열로 저장한다.

나중에이 배열을보고 각 요소의 클래스와 관련하여 결정을 내릴 수 있기를 바랍니다. 가능한 해결책을 읽었습니다. 하지만 이것은 jQuery 객체를 직접 다루지 않기 때문에 실패합니다.

배열에서 div의 클래스 이름을 얻으려면 어떻게해야합니까?

Answer 1

이 작동합니다 :

var people = $('.person'); 
$.each(people, function(index, el) { 
    var _this = $(el); 
    if (_this.hasClass('happy')) { 
     alert('Happy!'); 
    } else if (_this.hasClass('fat')) { 
     alert('Fat!'); 
    } 
}); 

Answer 2

루프 :

for (var i = 0; i < people.length; i++) 
{ 
    var class = people[i].attr('class'); 
} 

또는 jQuery로

가 :

people.each(function() 
{ 
    var class = $(this).attr('class'); 
}); 

당신은 클래스 fat person을 클래스 fat person 가지고 있지 갖는 것을 알 수 있습니까

? fat과 person에서 CSS 속성을 상속합니다. 이와 같은 클래스 이름이 필요하면 밑줄을 사용하십시오 : fat_person.

Answer 3

개별 div의 모든 클래스를 가져 오려면 .attr 함수를 사용하십시오.

var classes = myDiv.attr('class'); 

이렇게하면 요소의 모든 클래스가 공백으로 구분 된 목록이 반환됩니다.

특정 클래스의 존재 여부를 확인하려면 .hasClass()을 사용하십시오. $('.person') 요소의 배열을 감싸의 jQuery 객체를 반환으로

var hasJoy = myDiv.hasClass('joyous'); 

Answer 4

나는, 당신은 "나는 jQuery를 개체와 직접 거래하고 있지 않다"무슨 뜻인지 모르겠어요.

요소의 클래스를 가져 오려면 jQuery 객체에 .attr('class')을 사용하면됩니다. 에서 가져온으로

['happy person', 'fat person', ..., 'sad person'] 

Answer 5

:하십시오 .map()로이 결합하고 각 요소에 대한 전용 클래스 이름의 배열을 만들 수 있습니다

var classes = $('.person').map(function() { 
    return $(this).attr('class'); 
}).get(); 

이 다음과 같은 배열을 생성 할 것이다 http://bytes.com/topic/javascript/answers/91636-getting-class-name-string,이있을 수 있습니다 jQuery를 사용하지 않는다면 시도해 볼 가치가있다.

function getClassName(obj) { 
    if (typeof obj != "object" || obj === null) return false; 
    return /(\w+)\(/.exec(obj.constructor.toString())[1]; 
} 

Answer 6

div_attrs = node.attributes; 
div_class = div_attrs.getNamedItem("class").value;