使用 JavaScript 查找所有具有相同值的 href

在 JavaScript 中，我们可以使用 DOM（文档对象模型）来查找具有相同值的 href 属性的元素。

下面是一个示例代码片段，演示了如何查找具有相同 href 值的所有元素：

// 获取所有具有 href 属性的元素
const elements = document.querySelectorAll('[href]');

// 创建一个对象，用于存储 href 值及相应的元素
const hrefMap = {};

// 遍历所有元素，并将它们分组到 hrefMap 对象中
elements.forEach(element => {
  const href = element.getAttribute('href');
  if (hrefMap[href]) {
    hrefMap[href].push(element);
  } else {
    hrefMap[href] = [element];
  }
});

// 遍历 hrefMap 对象，输出相同 href 值的元素列表
for (const href in hrefMap) {
  const elements = hrefMap[href];
  if (elements.length > 1) {
    console.log(`具有相同 href 值 ${href} 的元素有：`);
    elements.forEach(element => {
      console.log(element);
    });
  }
}

以上代码的解释如下：

1. 我们首先使用 document.querySelectorAll() 方法获取所有具有 href 属性的元素。

2. 创建一个空对象 hrefMap，用于存储 href 值及相应的元素。

3. 使用 forEach() 方法遍历所有元素，并将它们分组到 hrefMap 对象中。如果 hrefMap 中已经存在该 href 值的键，则将当前元素添加到对应的值（数组）中，否则创建一个新的键值对。

4. 最后，我们遍历 hrefMap 对象，输出具有相同 href 值的元素列表。如果某个 hrefMap 的值（数组）长度大于1，则表示有多个具有相同 href 值的元素。

这是一个简单的方法来查找具有相同 href 值的元素。你可以根据实际情况将其应用于你的项目中。