Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
0 / 0 / 0
Регистрация: 03.03.2019
Сообщений: 206
1

Получить клас-родителя, обратное :nth-child(n)

04.01.2021, 17:46. Просмотров 1555. Ответов 1
Метки нет (Все метки)

Здраствуйте, скажите пожалуйста как можно обратится к класу родителя без id, тоесть зделать обратное :nth-child()
К примеру зделать здесь так чтоб красился бек-граунд контейнера а не кнопок
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
    <div class="container">
        <button onClick="red(this)">red</button>
        <button onClick="blue(this)">blue</button>
    </div>
</body>
    <script>
        function red(e){
            e.style.background="red";
        }
        function blue(e){
            e.style.background="blue";
        }
    </script>
</html>
Добавлено через 49 минут
Ответ
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
    <div class="container">
        <button onClick="red(this)">red</button>
        <button onClick="blue(this)">blue</button>
    </div>
</body>
    <script>
        function red(e){
            e.parentElement.style.background="red";
        }
        function blue(e){
            e.parentElement.style.background="blue";
        }
    </script>
</html>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.01.2021, 17:46
Ответы с готовыми решениями:

Переменная в псевдоклассе nth-child
Здравствуйте, я пытаюсь в цикле перезаполнить количество в ячейке, а для этого мне в цикле...

Как добавить картинки в массив с использованием :nth-child?
Есть скопированные и добавлены в html картинки: for(var i=0; i&lt;=3;i++) { $('#slider...

Nth-child+before
Всем привет, как мне найти нужный элемент и подставить Before, так не срабатывает: #menu...

Список ul, li и nth-child
Есть список (меню) http://jsfiddle.net/jvuk/Hw2Kv/5/ &lt;div class=&quot;menu&quot;&gt; &lt;ul&gt; &lt;li...

1
555 / 414 / 151
Регистрация: 26.05.2016
Сообщений: 2,341
06.01.2021, 14:14 2
Лучший ответ Сообщение было отмечено gogolik как решение

Решение

Цитата Сообщение от Vektoralgor Посмотреть сообщение
как можно обратится к класу родителя
Javascript
1
element.parentNode.className;
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.01.2021, 14:14

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

сбился nth-child
&lt;!-- SERVICES --&gt; &lt;div class=&quot;container&quot;&gt; &lt;div class=&quot;services&quot;&gt; &lt;h1...

Не работает nth-child
Почему-то не работаетnth-child(,буду благодарен если выручите) &lt;section id=&quot;works&quot;&gt; &lt;div...

Последовательность :nth-child
У меня почему то :nth-child который должен быть 1 стал вторым и причин для этого я не вижу. то...

не работает tr:nth-child(even)
До начала работы с таблицей все нормально выглядит, т.е. через строчку заполняется выбранным...

Не присваевается :nth-child
Вечер в хату, господа Есть вот такая разметка &lt;div class=&quot;row&quot;&gt; &lt;div class=&quot;col-lg-3...

не работает с :nth-child
Задание: подкрасить выходные дни красным цветом сделал, но если будут добавлять еще списки то не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.