Есть список ul с элементами вида li.item_1, li.item_2 и т.д. Необходимо при нажатии на элемент li показать соответствующий div.item_1, div.item_2 и т.д. Как это реализовать на Jquery?
$('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>
Фрилансер или Digital-агентство - Как сделать правильный выбор?
Дан инпут, в который можно ввести числоСделайте так, чтобы при вводе числа в этот инпут и потери фокуса на странице искался чекбокс с таким...
День добрый, требуется записать в файл 5 чиселВопрос в том, как эти числа, считываемые с TextBox разделить запятой и вывести на новую строку в файл
Нашел множество примеров как сделать круглые кнопки, но не одного решения о том как сделать в виде треугольникаВозможно ли это, или лучше...