Javascript 变量值未追加到h2元素中

JS:

$(function(){
    $('.customerResultIndex').on('click',function(){
        openCustomerOverlay();
    })

});
function openCustomerOverlay(){
    var node = "Hi Mr"
    $('.customerPopHeading').text(node)

    var overlayContainer = 
    '<div class="customerOverlayShadow">'+
        '<div class="customerOverlay borderRadius10px">'+
            '<h2 class="customerPopHeading">-- </h2>'+

$（函数（）{
$（'.customerResultIndex'）。在（'单击'，函数（）上）{
openCustomerOverlay（）；
})
});
函数openCustomerOverlay（）{
var node=“你好，先生”
$（'.customerpoheading'）.text（节点）
变量覆盖容器=
''+
''+
'-- '+

首先创建元素，然后设置文本。。。 您正在创建之前设置文本

这样说：

var node = "Hi Mr";
$('.customerPopHeading').text(node);

在此之后：

$(document).keyup(function(e) {
    if (e.keyCode == 27) {  
        $('.customerOverlayShadow').remove();   
    }
}); 

最终结果：

---

您不能像这样附加值，而是可以通过以下方式连接它：

'<h2 class="customerPopHeading">--'+ node +'</h2>'+

以下是：

$("body").prepend(overlayContainer).focus();
$('.customerPopHeading').text(node);

元素必须可用以生成jQuery选择器，在这里，当您在body中预加前缀时，才可以将所需的文本放入其中

$('.customerPopHeading').text(node);

$("body").prepend(overlayContainer).focus();
$('.customerPopHeading').text(node);