如何在包含 jinja2 值的 jQuery 中动态添加锚点/href？答案

【问题标题】：How to dynamically add anchor/href in jQuery that includes jinja2 value?如何在包含 jinja2 值的 jQuery 中动态添加锚点/href？
【发布时间】：2021-11-21 02:48:39
【问题描述】：

我已查看How to dynamically add anchor/href in jQuery，但无济于事。

如何使用 jQuery 动态添加以下锚元素？

<a href="{{url_for('user.create')}}">Register</a>

我尝试了以下方法：

$("#mySidenav").append('<a id="sideNavItem1" href="' + '{{url_for("user.create")}}' + ">Register User</a>");

但不起作用。

引号和 jinja2 花括号真的很棘手。

感谢任何建议和见解。

【问题讨论】：

不起作用 - 它有什么作用？它是否无法创建锚点？控制台中是否有任何消息？它是否创建了锚点，但 href 为{{url_for...？您的 js 在您的 html 文件中还是在 .js 文件中？它是由jinja2 解析还是完全由客户端解析？
我决定根据用户的选择来show 和hide 硬编码锚元素。
我投票结束这个问题，因为发帖人选择了另一种解决方案。

标签： javascript html jquery jinja2 anchor

【解决方案1】：

const sideNav    = document.getElementById('mySidenav')
const url        = url_for('user.create') //the URL address
const anchor     = document.createElement('a')
anchor.innerText = 'Register'
anchor.setAttribute('href', url)
sideNav.appendChild(anchor)

【讨论】：

您的答案可以通过额外的支持信息得到改进。请“编辑”以添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。您可以在帮助中心找到更多关于如何写好答案的信息：stackoverflow.com/help/how-to-answer。祝你好运?
虽然越来越不需要 jquery，但它仍然用于已经拥有 jquery 的大型项目。 OP 明确要求 jquery 解决方案：using jQuery
我决定show 和hide 硬编码锚元素取决于用户的选择。