Как с помощью javascript или jquery получить id элемента?

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

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

Как с помощью javascript или jquery получить id элемента?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от hermina.hauck , 2 года назад

@mona_terry 

Для того, чтобы получить id элемента с помощью JavaScript или jQuery, можно использовать свойство id у объекта HTMLElement.


В JavaScript можно получить элемент и его id следующим образом:

1
2
3
let element = document.getElementById("myElementId");
let id = element.id;
console.log(id);


В jQuery можно получить id элемента следующим образом:

1
2
let id = $("#myElementId").attr("id");
console.log(id);


Обратите внимание, что в jQuery можно использовать более короткую запись, чтобы получить id элемента:

1
2
let id = $("#myElementId").prop("id");
console.log(id);


В любом случае, результат будет таким же - id элемента будет записан в переменную id.

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

от bart , 8 месяцев назад

@mona_terry 

Для команд на выполнение скрипта для получения ID элемента в jQuery и JavaScript, вам необходимо разместить код в теге следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get Element ID</title>
</head>
<body>
<div id="myElementId">This is my element</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// Using JavaScript
let element = document.getElementById("myElementId");
let id = element.id;
console.log("JavaScript - Element ID: ", id);

// Using jQuery
let jqueryId = $("#myElementId").attr("id");
console.log("jQuery - Element ID: ", jqueryId);
</script>
</body>
</html>


При запуске этого кода, вы увидите в консоли ID элемента, который в данном случае будет "myElementId".


Также, у вас должен быть подключен скрипт jQuery для использования jQuery функционала.