javascript - 在使用带有 class 的 anchor 标记时打开 div#id 内的链接

Question

当您单击 option1 时，我有 IDtab，并且有 href=#option1它将显示 <div id=option1></div> 中的内容

现在我正在尝试弄清楚如何使用 javascript 或 jquery。当我单击 option5 时，它将打开 <div id=container2></div> 内的链接。

例如

这是我使用的代码

<a class='ext-link' href=#option5/>External Link</a>
<div id='content5' ><a href='http://google.com' >link</a></div>

每当我点击 <a class='ext-link' href='#option5' >External Link</a> 时，我就试图弄清楚这是怎么回事。

<div id='content5'/><a href=google.com/>link</a></div>内的链接即将开放

我正在使用 WordPress 主题，我想修改它，但我仍然缺乏 jquery 和 javascript 的编码技能。

简而言之，当您单击class='ext-link'时div 内的链接将会打开。

抱歉英语不好。

Answer 1

添加此:

<script>
$(document).ready(function() {
  $('a.ext-link').click(function() {
    var id = $(this).attr('href');
    window.location=$(id + ' a').attr('href');
  });
});
<script>

并确保 href="#content5"而不是 #option5。如果您不能，那么一些搜索和替换可以帮助您。