jquery - 单击链接更改另一个站点上的 div 外观

标签 jquery html css

我遇到了一个大问题。我有一个 index.html,假设有 5 个链接和一个 moreinformations.html 包含一些 display:none 的 div。

如果我点击 index.html 中的其中一个链接,它应该将我转发到 moreinformations.html 并显示相应的 div(将 css 更改为 显示: block )。

我该怎么做才能真正从链接向其他 html 页面发送一些值?我真的很困惑,希望有人能提供帮助!

最佳答案

您可以使用 PHP 来完成此操作,但由于您将此问题标记为 jquery,因此这里是一个 javascript 解决方案。假设您提供了一个 url 参数并使用如下链接发送它:

<a href='moreinformations.html?divid=1'>div1</a> <a href='moreinformations.html?divid=2'>div2</a> <a href='moreinformations.html?divid=3'>div3</a>

并在 moreinformations.html 中添加此 js:

var queryParams = location.search.substring(1).split("=");
var divid = queryParams[1];
$('#mydiv' + divid).show();

您的 html 可能如下所示:

<div id='mydiv1' style='display:none'></div>
<div id='mydiv2' style='display:none'></div>
<div id='mydiv3' style='display:none'></div>

关于jquery - 单击链接更改另一个站点上的 div 外观,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21660446/

相关文章:

javascript - 如果支持 Web 共享 API,它应该显示 native 共享对话框,否则它应该转到 anchor 标记的 href 中定义的 URL

html - CSS:带有分隔符元素的响应式布局变得不成比例?

html - 'border-bottom' 显示在 div 的顶部

javascript - IE 与 Firefox 链接(哈希与 htm5)

css - 我怎样才能做我的背景图片响应

HTML + CSS 标签栏

html - 如何在html中的文本之间放置空格?

javascript - 单击链接后如何加载 fancybox 内容?

javascript - jquery自动完成id和值

javascript - bootstrap modal 显示先前调整大小的 textarea