如何在javascript中正确注入变量

如何在javascript中正确注入产品id

  $(".vote_count").wrap("<a id='id' href='countvotes/{product_id}'</a>");

$（“.vote\u count”）.wrap（表示ES5，如下所示

$(".vote_count").wrap('<a id="id" href="countvotes/' + encodeURIComponent(product_id) + '"></a>');

如果您的问题是：“我有一个
product\u id
变量，想把它放在代码中
{product\u id}
的地方”，那么有三个答案：（如果您说的是
id
，答案基本相同，只需做适当的更改即可。）

字符串连接：

$(".vote_count").wrap("<a id='id' href='countvotes/" + product_id + "'></a>");

或

及

$（“.vote\u count”）.wrap（``）；


旁注：您错过了
@DanielA.White:Done.上的结束语
，还有HTML处理。：-@T.J.Crowder非常感谢！@Alexander感谢您的帮助兄弟！
$(".vote_count").wrap("<a id='id' href='countvotes/" + product_id + "'></a>");

$(".vote_count").wrap(`<a id='id' href='countvotes/${product_id}'></a>`);

$(".vote_count").wrap("<a id='id' href='countvotes/" + encodeURIComponent(product_id) + "'></a>");

$(".vote_count").wrap(`<a id='id' href='countvotes/${encodeURIComponent(product_id)}'></a>`);

var escapes = {
    '&': '&amp;',
    '<': '&lt;',
    '"': '&quot;'
};
function escapeHTML(str) {
    return str.replace(/[&<"]/g, function(ch) {
        return escapes[ch];
    };
}

$(".vote_count").wrap('<a id="id" href="countvotes/' + escapeHTML(encodeURIComponent(product_id)) + '"></a>");

$(".vote_count").wrap(`<a id="id" href="countvotes/${escapeHTML(encodeURIComponent(product_id))}"></a>`);