Вопрос по jQuery (js)

209

01 января 2019, 11:00

есть такой вопрос:

необходимо выпадания доп информации на jQuery , сделал это в тупую для каждого свой класс и отдельное событие на каждую кнопку, можно ли это сделать циклом или другим способом и как?

Answer 1

Можно например для каждой кнопки и блока присвоить уникальный идентификатор (атрибут id), и при этом для всех кнопок присвоить один класс. Чтобы можно было работать с одным событием, при этом различать нажатия например по id родительского елемента и открывать соответственный блок

Вот пример

$( ".change" ).click(function(e) { 
	var id_click = e.target.id; 
	var parent = $('#' + id_click).parent(".block"); 
	parent.css('display', 'none'); 
	console.log(); 
});

.block { 
  width:300px; 
  height:100px; 
  border:1px solid black; 
} 
 
.block a { 
  cursor: pointer; 
  float:right; 
  margin-right: 30px; 
}

<!DOCTYPE html> 
<html> 
  <head> 
    <title>Example</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
  </head> 
 
  <body> 
    <div class="block">Block 1 <a class="change" id="1">Click</a></div> 
    <div class="block">Block 2 <a class="change" id="2">Click</a></div> 
    <div class="block">Block 3 <a class="change" id="3">Click</a></div> 
    <div class="block">Block 4 <a class="change" id="4">Click</a></div> 
  </body> 
</html>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как сделать карусель (отзывов) используя FancyBox 3?

Не в виде всплывающего окна, а именно как карусел

165

javascript

как очистить пост после передачи данных

Имеется скрипт, для сбора информации из полей email и phone, проблема в том, что после первой передачи, если нужно отредактировать эти поля у других...

150

javascript

Uncaught SyntaxError: Unexpected token < in JSON at position 0

помогите решить довольно распространенную ошибку Этой функцией я получаю из бд массив и его id

192

javascript

Uncaught SyntaxError: Unexpected token else

Нужно было вынести JS скрипт из HTML <script> в отдельный файл (конечно же синтаксис был другой), но я получил ошибку Uncaught SyntaxError: Unexpected token else и ещё...

269