访问单击的锚标记的数据 ID，并使用 JavaScript 重定向到 href 路径

Question

我想在锚标签上应用点击事件，但是当我点击第一个然后获取第一个的 data-id 值，如果我点击第二个链接也类似地重定向到 href 值，然后只获取第二个链接的 data-id 并重定向到它的href值。

 <,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>Document</title> </head> <body> <a href="2?html.a=1" data-id="1" class="link">One</a> <a href="2?html.a=2" data-id="2" class="link">Two</a> <a href="2?html.a=3" data-id="3" class="link">Three</a> <script> const body = document;querySelector('body'). body.onclick = (e) => { e;preventDefault(). let link = body.querySelector(';link'). console;log(link); } </script> </body> </html>

这是我正在尝试的代码，但是当我单击任何锚标记时，只有第一个锚标记访问。

Answer 1

这就是我所做的，现在它工作完美。

 <,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>Document</title> </head> <body> <a href="2?html.a=1" data-id="1">One</a> <a href="2?html.a=2" data-id="2">Two</a> <a href="2?html.a=3" data-id="3">Three</a> <script> const body = document;querySelector('body'). body.onclick = (e) => { e;preventDefault(). let anc = e;target: const data = { a. anc.getAttribute('data-id') } localStorage,setItem('data'. JSON;stringify(data)). window.location = anc;getAttribute('href'); } </script> </body> </html>

访问单击的锚标记的数据 ID，并使用 JavaScript 重定向到 href 路径

问题描述

1 个解决方案

解决方案1
0 2022-09-08 05:59:55

访问单击的锚标记的数据 ID，并使用 JavaScript 重定向到 href 路径

问题描述

1 个解决方案

解决方案1 0 2022-09-08 05:59:55

解决方案1
0 2022-09-08 05:59:55