如何在列表中获取 jQuery 中锚标记的 href 值 - JavaScript

在 jQuery 中，使用选择器可以轻松地获取 HTML 元素的属性值，包括锚标记（anchor tag）的 href 属性。在本文中，我们将介绍如何在列表中获取 jQuery 中锚标记的 href 值。

HTML 代码

假设有以下 HTML 代码：

<ul id="myList">
  <li><a href="#section1">Section 1</a></li>
  <li><a href="#section2">Section 2</a></li>
  <li><a href="#section3">Section 3</a></li>
</ul>

JavaScript 代码

获取第一个锚标记的 href 值

要获取第一个锚标记的 href 值，可以使用以下 jQuery 代码：

let hrefValue = $('#myList li:first-child > a').attr('href');
console.log(hrefValue);

这将返回 "#section1"。

获取所有锚标记的 href 值

要获取所有锚标记的 href 值，可以使用以下 jQuery 代码：

$('#myList li > a').each(function() {
  let hrefValue = $(this).attr('href');
  console.log(hrefValue);
});

这将依次输出 "#section1"、"#section2"、"#section3"。

注意事项

• 在 jQuery 中，选择器可以根据 CSS 选择器的语法来匹配 HTML 元素。
• 在使用 each() 方法时，可以使用 $(this) 来获取当前迭代的元素。
• attr() 方法可以用来获取 HTML 元素的属性值，语法为 $(selector).attr(attribute)。

结论

本文介绍了如何在列表中获取 jQuery 中锚标记的 href 值。我们讨论了两种方法：获取第一个锚标记的 href 值和获取所有锚标记的 href 值。希望本文对您有所帮助！