Question

DEMO

Hi, I have variable called "var node = "Hi Mr", Iam trying to append this value on click of a button, im  not sure why its not appending. 
I tried using html and text, none worked.

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>'+

Answer 1

首先创建元素，然后设置文本... 您正在设置文本befero创建它。

把这个：

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

之后：

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

最终结果： http://jsfiddle.net/pc2tx1us/3/

Answer 2

你不能追加这样的值，而是可以用这种方式连接它：

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

或者你可以移动这一行：

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

在此之下：

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

Fiddle

该元素必须可用于创建一个jQuery选择器，这里当你只在body中添加时，它可用于将所需的文本放入其中。

变量值不会附加在h2元素中

2 个答案:

Fiddle