因为有些日子我试图弄清楚如何在一些在线页面上实现脚注的弹出窗口。 我和一些朋友正在开发一个带有octoberCMS的新网站，这是一个建立在laravel之上的惊人的cms。
我们已经生成了大量的页面，书中的章节，并以html格式导入我们的网站。我们使用此script将文件从doc转换为html，并使用一些修改工具，如魅力。
但是我们已经格式化了脚注：就像这个<a class="footnote" href="#footnote1">(1)</a>一样，没有使用<sup>标签。
我尝试使用bigfoot.js来完成我的任务但没有成功，还试图设置我无法在dom中截取正确html的参数。
这些是差异： bigfoot.js格式
<sup id="fnref:1"><a href="#fn:1" rel="footnote">(1)</a></sup>
<div class="footnotes">
<ol>
<li class="footnote" id="fn:1">
<p>Cake topping jelly-o caramels.<a href="#fnref:1" title="return to article"> ↩</a><p>
</li>
我的格式
<a class="footnote" href="#footnote1">(1)</a>
<h2>Notes</h2>
<p class="footnoteContent" id="footnote1">
现在我不知道应该采用哪种方式：
尝试通过查找和替换notepad ++来更改我的标记。但无法弄清楚如何自动将我的所有引用从<a class="footnote" href="#footnote1">(1)</a>更改为<sup id="fnref:1"><a href="#fn:1" rel="footnote">(1)</a></sup>
或者使用jquery函数拦截所有带脚类的脚注并将它们附加到弹出窗口。例如，使用bootstrap内置的popover函数或类似的东西。
有建议吗？
再见