JQuery: как выбрать класс без элементов родителя с идентификатором?
У меня есть элемент ul:
<ul id = "listA">
<li class = "myclass">1</li>
<li class = "myclass">2</li>
<li class = "myclass">3</li>
<li class = "myclass">4</li>
<li class = "myclass">5</li>
<li>
<ul id = "listB">
<li class = "myclass">B1</li>
<li class = "myclass">B2</li>
<li class = "myclass">B3</li>
<li class = "myclass">B4</li>
</ul>
</li>
</ul>
Я хочу получить все элементы по имени класса myclass, которых нет в ul с идентификатором listB.
Мои попытки с $('.myclass:not ul #listB') не сработают.
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
92
3
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 3
Ответ принят как подходящий
Вы можете использовать not следующим образом:
const res = $('*:not(ul#listB) > .myclass');
console.info(res);<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id = "listA">
<li class = "myclass">1</li>
<li class = "myclass">2</li>
<li class = "myclass">3</li>
<li class = "myclass">4</li>
<li class = "myclass">5</li>
<li>
<ul id = "listB">
<li class = "myclass">B1</li>
<li class = "myclass">B2</li>
<li class = "myclass">B3</li>
<li class = "myclass">B4</li>
</ul>
</li>
</ul>@ relo80 добро пожаловать. Пожалуйста, отметьте ответ как решение, если он решил проблему.
—
12.12.2020 20:49
Вы можете указать более 1 имени класса. Итак, дайте класс listA для li, которые находятся в listA
<ul id = "listA">
<li class = "myclass inListA">1</li>
<li class = "myclass inListA">2</li>
<li class = "myclass inListA">3</li>
<li class = "myclass inListA">4</li>
<li class = "myclass inListA">5</li>
<li>
<ul id = "listB">
<li class = "myclass">B1</li>
<li class = "myclass">B2</li>
<li class = "myclass">B3</li>
<li class = "myclass">B4</li>
</ul>
</li>
</ul>
А теперь используйте это так $('.inListA'). Поможет думаю!
Используйте $('.myclass').not('#listB .myclass')
$('.myclass').not('#listB .myclass').css('color', 'red')<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id = "listA">
<li class = "myclass">1</li>
<li class = "myclass">2</li>
<li class = "myclass">3</li>
<li class = "myclass">4</li>
<li class = "myclass">5</li>
<li>
<ul id = "listB">
<li class = "myclass">B1</li>
<li class = "myclass">B2</li>
<li class = "myclass">B3</li>
<li class = "myclass">B4</li>
</ul>
</li>
</ul>Другие вопросы по теме
События щелчка тега привязки не работают после отображения данных с использованием ajax
Вводимое мной входное значение не отображается в JavaScript
Не удается установить реакцию на код визуальной студии
Как использовать Jquery AJAX в весеннем контроллере загрузки
JQuery $(“.class”).click(); для нескольких элементов работает, но до того, как последние элементы не сохраняют проверенные значения
Воспроизведение нескольких фрагментов видео HTML5 одновременно
Вложенный запрос jQuery к API JSON с диаграммами Google
Как проверить последний элемент, зависший с помощью jquery
Как сохранить эту форму на потом, сохраняя сериализованные данные в JSON?
Показать количество (количество) каждого элемента списка по общему количеству элементов
Похожие вопросы
Вставки YouTube не обновляются и выбрасывают net::ERR_BLOCKED_BY_CLIENT
Я не могу реализовать фильтр для своего массива в vue.js
Как получить данные о странице Google Analytics с помощью аналитических отчетов?
Не могу заставить мои привязки входных значений работать должным образом в Svelte 3
Маршрутизатор React - правильно установите useParams для подробной страницы
Как сделать так, чтобы ссылка в тексте работала как реальная ссылка?
Как загрузить несколько аудиофайлов в JsZip
Асинхронный JavaScript и ввод/вывод
Как перевернуть изображение в javascript на холсте html?
События щелчка тега привязки не работают после отображения данных с использованием ajax
о, хорошо, спасибо, теперь я вижу, в каком направлении мне нужно создавать синтаксис. Большое спасибо!