获取 id 值 - jQuery & JavaScript

在使用 jQuery 或 JavaScript 编程时，经常需要从 HTML 元素中获取 id 值。id 值是用来唯一标识一个元素的属性，它在 DOM (文档对象模型) 中具有重要作用。

以下是一些常用的方法来获取 id 值：

1. 使用 jQuery 的 attr() 方法

const idValue = $('#elementId').attr('id');

通过使用 jQuery 的 attr() 方法，可以获取指定元素的 id 属性的值。在上面的代码中，我们通过选择器 #elementId 来选中具有特定 id 的元素，并使用 attr() 方法获取该元素的 id 值。

2. 使用 JavaScript 的 getElementById() 方法

const idValue = document.getElementById('elementId').id;

通过使用 JavaScript 的 getElementById() 方法，可以获取指定 id 的元素。在上面的代码中，我们使用 getElementById() 方法选中具有特定 id 的元素，并获取该元素的 id 值。

3. 使用 JavaScript 的 querySelector() 方法

const idValue = document.querySelector('#elementId').id;

通过使用 JavaScript 的 querySelector() 方法，可以使用选择器语法获取指定元素。在上面的代码中，我们使用 #elementId 选择器选中具有特定 id 的元素，并获取该元素的 id 值。

4. 使用 JavaScript 的 getElementsByClassName() 方法

const elements = document.getElementsByClassName('className');
const idValue = elements[0].id;

通过使用 JavaScript 的 getElementsByClassName() 方法，可以获取具有相同类名的一组元素。在上面的代码中，我们通过指定的类名获取元素集合，并从中获取第一个元素的 id 值。

这些方法能够帮助你在编程过程中轻松地获取 id 值，以便进行其他操作。因此，务必熟悉并学会使用它们。

以上是获取 id 值的一些常用方法，希望对你有所帮助！