Question

我有一个append语句，我试图为ahref属性传递一个JavaScript变量，但是它正以文本形式呈现。我想知道如何在此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中，您还可以使用templated literal来使内容更简洁：

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

尝试在附加声明中为a href使用JavaScript变量

1 个答案: