Javascript получить имя класса

Question

Предположим, что существует три класса

<div class="hello world_1"></div> 
<div class="hello world_2"></div> 
<div class="hello world_3"></div> 

Я хочу, чтобы получить имя класса «world_1», «world_2» и «world_3», основанный на «привет». Код:

$('.hello').each(function(){ 
    this.attr('class'); 
}); 

получил ошибку говоря:

TypeError: Object #<HTMLDivElement> has no method 'attr' 

Я экспериментировал немного и нашел

$('.hello:first').attr('class') 

работ при

$('.hello')[0].attr('class') 

поднимает вышеуказанную ошибку.

Может ли кто-нибудь объяснить, почему это произошло, и как я могу получить то, что хочу?

Благодаря

Answer 1

Вам нужно обернуть this, вот так ...

$('.hello').each(function(){ 
    $(this).attr('class'); 
}); 

JQuery обеспечивает this в качестве ссылки на родной DOM элемента. Чтобы можно вызвать методы jQuery на нем, оберните его конструктором jQuery.

Если вы хотите, чтобы соответствовать классу рисунка world_n, вы могли бы использовать ...

var matches = $(this).attr('class').match(/(?:^|\s)world_\d+(?:\s|$)/); 

Answer 2

попробовать

$('.hello').each(function(){ 
    $(this).attr('class'); 
}); 

Answer 3

Что происходит в том, что функция JQuery each устанавливает this быть DOM элемент, и не «prewrap» обертки jquery вокруг этого элемента.

Так, как сказал alex, просто обертывание его снова даст вам желание, которое вы хотите.

Answer 4

Чтобы получить только имена world_ класса, вам нужно сделать строку заменить и удалить пробельные с помощью $ .trim:

$('.hello').each(function(){ 
    $.trim($(this).attr('class').replace('hello', '')); 
});