При нажатии на div, показать другой div [закрыт]

177
06 августа 2018, 03:00

Есть список ul с элементами вида li.item_1, li.item_2 и т.д. Необходимо при нажатии на элемент li показать соответствующий div.item_1, div.item_2 и т.д. Как это реализовать на Jquery?

Answer 1

$('ul').on('click', '.li', function(e) { 
  let $this = $(this); 
 
  $(`.div.${$this.attr('class').split(/\s+/).filter(_ => _.startsWith('item_'))[0]}`).css({ 
    display: 'block' 
  }); 
});
li { 
  cursor: pointer; 
} 
 
div { 
  display: none; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul> 
  <li class="li item_1">LI #01</li> 
  <li class="li item_2">LI #02</li> 
  <li class="li item_3">LI #03</li> 
  <li class="li item_4">LI #04</li> 
  <li class="li item_5">LI #05</li> 
</ul> 
<div class="div item_1">DIV #01</div> 
<div class="div item_2">DIV #02</div> 
<div class="div item_3">DIV #03</div> 
<div class="div item_4">DIV #04</div> 
<div class="div item_5">DIV #05</div>

READ ALSO
Помогите решить задачу по JQuery [закрыт]

Помогите решить задачу по JQuery [закрыт]

Дан инпут, в который можно ввести числоСделайте так, чтобы при вводе числа в этот инпут и потери фокуса на странице искался чекбокс с таким...

203
Работа с классами jquery

Работа с классами jquery

Учу JSВ чем суть

133
Запись чисел в файл с разделением

Запись чисел в файл с разделением

День добрый, требуется записать в файл 5 чиселВопрос в том, как эти числа, считываемые с TextBox разделить запятой и вывести на новую строку в файл

158
Как сделать button в виде треугольника в WPF?

Как сделать button в виде треугольника в WPF?

Нашел множество примеров как сделать круглые кнопки, но не одного решения о том как сделать в виде треугольникаВозможно ли это, или лучше...

240