Как с помощью javascript или jquery получить id элемента?
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.
@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 функционала.