Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Найти все элементы класса у которых нет второго класса / 7 сообщений из 7, страница 1 из 1
07.11.2019, 10:34
    #39886095
Женя32
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Здравствуйте! Подскажите пожалуйста...
Есть группа <p> у которых nameclass = "Class1", у нескольких элементов из это группы, есть еще один класс "Class2".
Вопрос: Как выбрать все <p> у которых нет Class2?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2019, 11:04
    #39886121
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Женя32,

https://learn.javascript.ru/searching-elements-dom#querySelectorAll
https://webref.ru/css Селекторы и их комбинации
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2019, 11:30
    #39886130
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Женя32
Как выбрать все <p> у которых нет Class2?

Как вариант..

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.Class1:not(.Class2)').css('color','red');
});
</script>
</head>
<body>
<p class='Class1'>Class1</p>
<p class='Class1 Class2'>Class1 Class2</p>
<p class='Class1'>Class1</p>
<p class='Class1 Class2'>Class1 Class2</p>
<p class='Class1'>Class1</p>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.11.2019, 23:20
    #39886520
Женя32
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
krvsa,

С document.querySelectorAll(".class1:not(.class2)"); не работает....
Какие еще есть варианты?.......
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.11.2019, 07:17
    #39886560
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Женя32
Какие еще есть варианты?

Выбирай элементы
Код: javascript
1.
document.querySelectorAll(".class1");


Потом в цикле проверяй нет ли у очередного элемента class2 ... Если нет - это твой случай.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.11.2019, 11:49
    #39886680
SQLPowerUser
SQLPowerUser
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Женя32
С document.querySelectorAll(".class1:not(.class2)"); не работает....
Приведите пример, где не работает. Можно выложить на https://jsfiddle.net/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.11.2019, 14:53
    #39887184
Женя32
Женя32
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Найти все элементы класса у которых нет второго класса
Всем большое спасибо! Все получилось!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Найти все элементы класса у которых нет второго класса / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 143ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443614]:
 0ms
get settings:
 11ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 36ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 13ms
total:  143ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]