时间戳

首页 > 解决方案 > page1 中链接的 Onclick 应重定向到 page2 并在 page2 中找到具有特定 id 的 div 并向其添加一个类

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

问题描述

我有 2 个页面，page1.html 和 page2.html，在 page1 中单击链接应该加载第 2 页并在 page2 中找到一个 div，其中包含作为 id 的 data-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>

标签： javascripthtmljquery

解决方案

从您的问题中我可以理解的是您想重定向到另一个页面并使用 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>

推荐阅读