Как узнать id нажатого элемента в jquery?

Пользователь

от edyth , в категории: JavaScript , год назад

Как узнать id нажатого элемента в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от forest , год назад

@edyth 

Вы можете использовать метод .attr() в jQuery, чтобы получить id нажатого элемента.


Вот пример:

1
<button id="myButton">Нажми меня</button>


1
2
3
4
$('button').click(function() {
  var id = $(this).attr('id');
  alert('id нажатого элемента: ' + id);
});


В этом примере мы используем селектор $('button'), чтобы выбрать все кнопки на странице. Затем мы привязываем обработчик событий .click() к каждой кнопке.


Внутри обработчика событий мы используем $(this) для обращения к нажатой кнопке и вызываем метод .attr('id'), чтобы получить ее id. Затем мы выводим id в alert() с помощью конкатенации строк.


Таким образом, при нажатии на кнопку, вы увидите диалоговое окно с id нажатого элемента.

Пользователь

от kenya , 4 месяца назад

@edyth 

Для получения id нажатого элемента можно использовать метод .attr() в jQuery:


Пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Element ID</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<button id="button1">Нажми меня</button>

<script>
$(document).ready(function(){
  $('button').click(function(){
    var id = $(this).attr('id');
    alert('ID нажатого элемента: ' + id);
  });
});
</script>

</body>
</html>


При клике на кнопку "Нажми меня", вы увидите алерт с id нажатого элемента.