Показать сообщение отдельно
  #1 (permalink)  
Старый 06.02.2022, 15:43
Кандидат Javascript-наук
Отправить личное сообщение для StartGames Посмотреть профиль Найти все сообщения от StartGames
 
Регистрация: 13.06.2014
Сообщений: 138

обращение к дочерним элементам
Здравствуйте

подскажите пожалуйста как обращаться к дочерним элементам. например есть структура:

<div class="pmenu_item" id="pm_item1"><a href="/rolety">Ролеты</a><img src="image/catalog/site_img/ar.svg"></div>
   <div class="pm_u1 hidden" id="pm_item1_u1">
      <a href="/rolety/tkanevye_rolety">Тканевые</a>
      <a href="/rolety/den-noch">День Ночь</a>
      <a href="/rolety/dzhutovyye_rolety">Джутовые</a>
      <a href="/rolety/blehkaut_rolety">Блэкаут</a>
      <a href="/rolety/bambukovye">Бамбуковые</a>
   </div>
</div>

<div class="pmenu_item" id="pm_item2"><span>Шторы</span><img src="image/catalog/site_img/ar.svg"></div>
<div class="pmenu_item" id="pm_item3"><span>Жалюзи</span><img src="image/catalog/site_img/ar.svg"></div>
<div class="pmenu_item" id="pm_item4"><span>Закрытая система</span><img src="image/catalog/site_img/ar.svg"></div>


$('.pmenu_item').click(function(){
   $(this .pm_u1).toggleClass('hidden');
})


То есть при клике на класс pmenu_item происходило изменение класса только внутри блока по которому кликнули а не во всех других классах.
Ответить с цитированием