la valeur de la variable n’est pas ajoutée dans l’élément h2

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 sortinged using html and text, none worked. 

JS:

 $(function(){ $('.customerResultIndex').on('click',function(){ openCustomerOverlay(); }) }); function openCustomerOverlay(){ var node = "Hi Mr" $('.customerPopHeading').text(node) var overlayContainer = '
'+ '
'+ '

--

'+

Commencez par créer l’élément, ensuite, définissez le texte …

Mettez ceci:

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

Après ça:

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

Résultat final: http://jsfiddle.net/pc2tx1us/3/

Vous ne pouvez pas append une valeur comme celle-ci, vous pouvez la concaténer de la manière suivante:

 '

--'+ node +'

'+

ou vous pouvez déplacer cette ligne:

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

en dessous de ceci:

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

Violon

L’élément doit être disponible pour créer un sélecteur jQuery. Dans ce cas, vous ne pouvez insérer le texte souhaité que dans le corps.