如何动态更改href参考

Question

我有一个导航栏，像这样：

<a href="#head" class="navbar-icon iconactive" id="startIcon">

我动态创建：

$(".content").append("<div id="1"><section class='section' id='head'>.....);
$(".content").append("<div id="2"><section class='section' id='head'>.....);

head是当前显示的部分的id （我有2个div）。 我想根据当前显示的div动态更改导航栏a href 。

Answer 1

使用.toggle();

 $(function() { $('.toggle').on('click', function() { $('.content1').toggle(); $('.content2').toggle(); }); }); 

 .content2 { display: none; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="javascript:void(0);" class="toggle">Toggle</a> <div class="page"> <div class="content1">:)</div> <div class="content2">:(</div> </div> 

http://jsfiddle.net/fmkaj81p/

Answer 2

我很确定处理此问题的最佳方法是使用

http://api.jquery.com/index/

我了解您将第一个div设置为可见，对不对？ 然后，当您的事件（可能是滚动或键盘输入或单击）隐藏div并显示其他事件时，只需将href更新添加到您的逻辑中，例如

$("a").attr("href",$("newDiv").attr("id"));

也可以进入下一个链接，以根据自己的jQuery版本进行工作

http://api.jquery.com/attr/