SpiderPigAndCat
@SpiderPigAndCat
занимаюсь салообразованием

Как избежать постоянного написания :nth-child()?

Пытался очень долго расписать задачу, но если коротко то:
есть что-то типа такой разметки
<div class="row">
<div class="item1"></div>
<div class="item2"></div>

</div>


таких row куча. Я делаю кое-какие действия с item1 и item2 и приходится каждый раз писать что-то типа
$(".row .item1").show();// для примера
$(".row .item2").hide();// для примера


чтоб сработал надо писать каждый раз типа такого
$(".row:nth-child(1) .item1").show();// для примера


Как избежать постоянного написания :nth-child() ?
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 2
Vlatqa
@Vlatqa Куратор тега CSS
добавить к row ещё 1 класс и обращать к нему?
Ответ написан
Комментировать
stasigg
@stasigg
Junior Frontend
По селектору '.row' - получаешь массив всех .row
Далее берёшь нужный элемент массива по индексу.
Можно написать функцию, которая будет скрывать или показывать. В аргументах указать индекс элемента в массиве.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы