根据调用锚标记... Javascript或JQuery动态更改锚标记的href

时间:2010-11-12 11:15:26

标签: javascript

conisder锚点在div1中标记a1,a2,a3,如果有人点击a1,则div2 sud打开并且它包含一些带有一些默认href值的锚标签...如何更改这些锚点标签的href值div2根据div1中选择的锚点

示例...

   一          -1-酮    1Two          酮     

在上面的编码中...我们需要根据调用锚点改变a3,a4,a9,a10等的href ......如果调用锚点是a1 ... thn a3 href sud是帮助...等等......请帮助我...

1 个答案:

答案 0 :(得分:0)

好的...

links = new Array(
  '#link-1' : 'a_page.html',
  '#link-2' : 'another_page.html',
  '#link-3' : 'yet_another_page.html'
);

$(function () {
  $('#div1 a[href^=#link-]').click(function () {
    $('#div2').show();
    $('#div2 #a3').href(links[$(this).href()]);
  });
});

这样做是设置一个关联数组,其中包含与第一个div中元素的href相对应的页面。然后,当单击其中一个链接时(匹配是否以#link-开头,第二个div显示,并且标识为a3的链接更改为与数组中指定的页面匹配。< / p>

修改 将其包含在您网站的<head>部分:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

然后在它下面包含<script></script>标签中的上述脚本。 div需要分别具有id =“div1”和id =“div2”属性,并且要更改的链接需要id =“a3”才能生效。