Получить один элемент из переменной с несколькими элементами

Я (был) в основном пытался получить один конкретный элемент из переменной с несколькими элементами.

Отредактируйте с ответом, благодаря @pointy:

var $item = $('.item');
var $activeItem = $item.filter('.active');

$activeItem.css('borderColor', 'red');

Целью было использовать переменную $item. Этот код был упрощен, чтобы соответствовать поставленному вопросу.

Были и другие ответы, например $('.item.active')

Если .active также является классом, $( '.item.active' ).

— 05.07.2018 16:10

Не могли бы вы предоставить HTML?

— 05.07.2018 16:10

Также есть .filter().

— 05.07.2018 16:10

Хотя я не использовал много JQuery, я считаю, что $() принимает селектор запросов. Таким образом, вы можете комбинировать #, ., tagName и любой другой тип селектора любого числа, чтобы выбрать вложенный элемент. См. Пример в комментарии Шилли.

— 05.07.2018 16:10

javascript jquery class selector

05.07.2018 16:07

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете просто использовать селектор класса:

$('.item.active').css('borderColor', 'red');

Или метод filter():

$('.item').filter('.active').css('borderColor', 'red');

var item = $('.item');
var activeItem = item.filter('.active');

activeItem.css('borderColor', 'red');

.item {
  border: 3px solid;
  border-color: green;
  height: 20px;
  margin-bottom: 5px;
  padding-left: 5px;
}

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class = "item"></div>
<div class = "item active">Has Active Class</div>
<div class = "item"></div>
<div class = "item"></div>
<div class = "item active">Has Active Class</div>
<div class = "item"></div>

.hasClass() и .is() так не работают. Смотрите здесь (замените фильтр на то, что хотите): codepen.io/anon/pen/PavLwm

— 05.07.2018 16:33

05.07.2018 16:27