Javascript 更新变量内div的内部文本

变量temp附带了一个小的hmtml代码。在变量temp中有一个带有id注释的div，我想添加span文本列表，比如

<small class="note-tag">tag1</small>

tag1

里面。其中tag1是动态文本。这些动态文本当前作为l发出警报。所选标记是在进行注释时选择的标记

var tmpl = `<div class="container mb-1">
                {{date('m/d/Y')}}
                <span class="text-gray pull-right">{{Auth::user()->name}}</span>
                <p class="text-gray">
                    <strong>COMMENT</strong>
                </p>
                <div id="note-remarks">
                </div>
            </div>`;
function loadRecentNote(comment,selected_tags){
    $('#recent_note').prepend(tmpl.replace("COMMENT", comment));
    $.each(selected_tags, function( i, l ) {
      alert(l)
    });
}

var tmpl=`
{{date（'m/d/Y'）}
{{Auth:：user（）->name}

评论

`;
函数loadRecentNote（注释、选定的\u标记）{
$（“#最近的#注”）.prepend（tmpl.replace（“COMMENT”，COMMENT））；
$。每个（选定的标签、功能（i、l）{
警报（l）
});
}

尝试以下操作：您可以将所有选定的标记附加到变量中，然后将其替换为html注释

var tmpl = `<div class="container mb-1">
                            {{date('m/d/Y')}}


                    <span class="text-gray pull-right">{{Auth::user()->name}}</span>
                    <p class="text-gray">
                        <strong>COMMENT</strong>
                    </p>
                    <div id="note-remarks">
                    </div>
                </div>`;
function loadRecentNote(comment,selected_tags){
    $('#recent_note').prepend(tmpl.replace("COMMENT", comment));
    var selectedText = '';
    $.each(selected_tags, function( i, l ){
         //alert(l);
         selectedText += '<small class="note-tag">' + l + '</small>';
        });
      $('#recent_note #note-remarks').html(selectedText);
    }

var tmpl=`
{{date（'m/d/Y'）}
{{Auth:：user（）->name}

评论

`;
函数loadRecentNote（注释、选定的\u标记）{
$（“#最近的#注”）.prepend（tmpl.replace（“COMMENT”，COMMENT））；
var selectedText=''；
$。每个（选定的标签、功能（i、l）{
//警报（l）；
选择文本+=''+l+''；
});
$（“#最近的#注释#注释”）.html（selectedText）；
}

要实现这一点，您可以在

所选标签的数组上使用
map（）
来构建HTML字符串，然后使用该字符串替换模板中的标记；与您的逻辑当前用于
注释的方式类似。试试这个：


var tmpl=`
{{date（'m/d/Y'）}
{{Auth:：user（）->name}

评论

评论
`;
函数loadRecentNote（注释、选定的\u标记）{
var remarksHtml=selected_tags.map（函数（标记）{
返回`${tag}`；
}).加入（“”）；
var html=tmpl.replace（“注释”，注释）
html=html.replace（“备注”，remarksHtml）
$（“#最近的#注”）。前缀（html）；
}
loadRecentNote（'Comment foo bar'，['tag#1'，'tag#2']）


var tmpl=`
{{date（'m/d/Y'）}
{{Auth:：user（）->name}

评论

`;
函数loadRecentNote（注释、选定的\u标记）{
var$tmpl=$（tmpl.replace（“COMMENT”，COMMENT））；
$。每个（选定的标签、功能（i、l）{
$tmpl.find（“#备注”）.append（“”+l+“”）
});  
美元（“#最近的#注”）。预支（$tmpl）；
}
loadRecentNote（'注释'，[“tag1”，“tag2”]）
选择元素，对其进行唯一标识，并使用“.text”（“arg”）将其设置为新值
jQuery方法：

$(".note-tag").text("updateText");