Javascript jQuery：对一个脚注的多个引用，链接回引用ID

我一直在努力解决这个问题，因为我对JS完全是新手。我正在努力实现的目标：

• 一个脚注有多处引用（无法避免）
• 能够引用回正确的ID

我的代码看起来像这样

//约定
//参考脚注的ID=呼叫者ID
//脚注ID=FN ID
//回指来电者ID的脚注HREF=FN HREF
$（文档）.ready（函数（）{
$（“.art fn ref”）.one（'点击'，功能（e）{
//001-检查来电显示是否与模式匹配（mulfn#）
$（'[id^=mulfn]'）。筛选器（函数（）{
//002-复制001 ID
//003-存储脚注的原始HREF和ID（FN HREF和FN ID）
//004-将FN HREF替换为指向正确呼叫者ID的HREF
//005-单击“修改的”FN HREF后，将其恢复为原始FN HREF
});
});
});

洛雷姆

ipsum

多洛

坐

脚注1
附注2
附注3

当您单击其中一个顶部链接时


在链接到的脚注链接上添加一个
data href
属性，该属性带有引用链接的ID
将
单击
事件侦听器添加到脚注链接，该链接将禁用默认操作并将
窗口设置为
数据href
值，然后删除事件侦听器



$（文档）.ready（函数（）{
美元（“.art fn ref”）。关于（'点击'，函数（e）{
var id=$（this.attr（'id'），
$target=$（$（this.attr（'href'））；
$target.attr（'data-href'，'#'+id）；
$target.on（'click'，函数（e）{
e、 预防默认值（）；
window.location=$（this.attr（'data-href'）；
$（此）.off（'click'）；
})
});
});
html，
身体，
分区，
跨度
小程序，
对象
iframe，
h1，
h2，
h3，
h4，
h5，
h6，
块引用，
之前，
缩写，
缩略语
地址:，
大的
引用，
代码，
德尔，
dfn，
相对长度单位，
img，
ins，
kbd，
Q
s
桑普，
小的
罢工
坚强的
附属的，
啜饮，
tt，
var，
B
U
我
居中
dl，
dt，
dd，
ol,，
ul，
锂，
字段集，
形式，
标签，
传奇
桌子
说明文字
t身体，
特富特，
thead，
tr，
th，
运输署，
文章
在一边
帆布，
细节，
嵌入
图形
figcaption，
页脚，
标题，
hgroup，
菜单，
导航，
产出，
红宝石，
第节，
总结，
时间
做记号
音频
录像带{
保证金：0；
填充：0；
边界：0；
字体大小：100%；
字体：继承；
垂直对齐：基线；
}
文章
在一边
细节，
figcaption，
图形
页脚，
标题，
hgroup，
菜单，
导航，
部分{
显示：块；
}
身体{
线高：1；
}
ol,，
保险商实验室{
列表样式：无；
}
块引用，
q{
报价：无；
}
blockquote：之前，
blockquote：之后，
问:以前,，
问：之后{
内容：“；
内容：无；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}
.第fn条参考{
显示：内联块；
文字装饰：无；
背景色：#CCC；
边框：1px实心#555；
填充：1px；
垂直对齐：超级；
字体大小：75%
}
a{
}
.艺术fn{
显示：内联块；
文字装饰：无；
背景色：#4CAF50；
边框：1px实心#555；
填充：1px；
字体大小：75%
}
p{
填充：6px 0 3px 0；
}

洛雷姆

ipsum

多洛

坐

脚注1
附注2
附注3

为什么不只添加一个“返回文本”按钮呢？我可以，但这不意味着我需要与引用一样多的返回文本按钮吗？我试图做的是只拥有一个可以使用jquery更新的按钮或href元素。希望澄清。是的，这是有道理的。我的意思是，你只需要一个“指向主要文本的链接”——只要在你点击脚注时，它就会动态地出现在页面的一角，然后在你点击脚注时再次消失。您仍然需要使用jQuery来更新存储在链接中的值，但至少只有一个链接需要处理。谢谢。当我在这里运行代码片段时，它就工作了。但当我在小提琴上试的时候，它不起作用。@garagnoth如果你想让我看看，给我链接。我一定做了什么蠢事。它现在可以用小提琴演奏了。