尝试在附加语句中使用javascript变量来获取href

Question

我有一个append语句,我试图为ahref属性传递一个javascript变量.但是它被渲染为text.I想知道我如何将变量作为变量传递而不是在此append语句中的文本

jQuery('#sidr-main').append('<a class="navlink level0 addedMenu" href="abc"><li class="navlist level0">some link</li></a>');

abc是一个js变量,我在另一个地方声明,我希望值作为变量在DOM中传递而不是文本没有名为abc的链接

Answer 1

jQuery('#sidr-main').append('<a class="navlink level0 addedMenu" href="' + encodeURIComponent(abc) + '"><li class="navlist level0">some link</li></a>');

确保你做encodeURIComponent :)

在ES6中,您还可以使用模板化文字来获得更清晰的内容:

var str = `<a class="navlink level0 addedMenu" href="${encodeURIComponent(abc)}"><li class="navlist level0">some link</li></a>`
jQuery('#sidr-main').append(str)