如何动态更改href引用

How to change dynamically a href reference

本文关键字：href 引用 动态 何动态      更新时间：2023-09-26

我有一个导航栏，如下所示：

<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。

使用.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/

我确信处理这一问题的最佳方法是使用

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

我知道你把第一个div设置为可见的，对吧？然后，当你的事件（可能是滚动或键盘输入或点击）隐藏div并显示其他事件时，只需将a href更新添加到你的逻辑中，就像一样

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

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

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

相关文章：