0

// Этот код работает
let elements = $('.item');
console.log(elements);

let newElements = elements.filter(function() {
	return $(this).attr('class') === 'item third';
});
console.log(newElements);




// Этот код не работает
let elements = $('.item');
console.log(elements);

let newElements = elements.filter(function(item) {
	return item.attr('class') === 'item third';
});
console.log(newElements);
<ul class="list">
  <li class="item">1</li>
  <li class="item">2</li>
  <li class="item third">3</li>
  <li class="item">4</li>
  <li class="item">5</li>
</ul>

Почему при обращении к массиву элементов с помощью динамически созданной переменной "item" внутри метода "filter", не работает метод "attr" для этой переменной "item"?

2
  • Почему при обращении к массиву элементов с помощью динамически созданной переменной "item" внутри метода "filter", не работает метод "attr" для этой переменной "item". Буду благодарен ответу
    – Daniel
    22 дек 2019 в 9:19
  • Метку лучше добавлять сразу jQuery. так как у вас не просто js, а использование библиотеки.
    – noname2019
    22 дек 2019 в 13:01

1 ответ 1

1

Исходя из документации return item.attr('class') === 'item third'; не работает из за того что первый аргумент callback item является индексом, а не элементом.

Вам нужно или так:

var elements = jQuery(".item"),
newElements = elements.filter(function(index, element) {
    return element.className == "item third";
});
console.log(newElements);

Или так что ещё лучше:

var elements = jQuery(".item"), 
    newElements = elements.filter(".third");
console.log(newElements);

A так как this у callback является текущим элементом в итерации (или рекурсии), сравнение $(this).attr('class') === 'item third'; и работает.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.