page1 中链接的 Onclick 应重定向到 page2 并在 page2 中找到具有特定 id 的 div 并向其添加一个类

Question

我有 2 个页面，page1.html 和 page2.html，点击 page1 中的链接应该加载第 2 页并在 page2 中找到一个 div，其中包含 data-id 作为 id 并将选择的类添加到该 id。有人可以帮助我实现这一目标。 例如 第 1 页：

<ul> 
  <li><a href="page2.html" data-id="minion">minion</a></li>
  <li><a href="page2.html" data-id="jack">Jack</a></li>
  <li><a href="page2.html" data-id="mango">mango</a></li>
</ul>

第2页：

<div class="container">
  <div id="minion"></div>
  <div id="jack"></div>
  <div id="mango"></div>
</div>

page2 中的结果，点击 minion

<div id="minion" class="selected"></div>

Answer 1

从您的问题中我可以理解的是，您想重定向到另一个页面并使用 id 定位特定的 div。

您可以通过将 id 标签放在锚标签的末尾来实现这一点。

  <ul>
    <li><a href="page2.html#minion" data-id="minion">minion</a></li>
    <li><a href="page2.html#jack" data-id="jack">Jack</a></li>
    <li><a href="page2.html#mango" data-id="mango">mango</a></li>
  </ul>