显示带有引号的 Javascript 变量

Question

I have a variable that is part of a repeating list that when I use console.log can see the string with quotes in but when printed chops everything beyond that off.

function sendToPackList(){
          for(let i = 0; i < $('[name="tempQuant[]"]').length; i++){
              if($('[name="tempQuant[]"]')[i].value > 0){
                packItem++;
                let temprow = $('[name="tempQuant[]"]').eq(i).parent().parent().parent().parent();
                let tempDesc = temprow.find('[name="tempDesc[]"]')[0].value
                console.log(tempDesc);
                let tempWeight = temprow.find('[name="tempWeight[]"]')[0].value
                let tempQuant = temprow.find('[name="tempQuant[]"]')[0].value
                $('#packlistItems').append('<div class="row"><div class="6u"><div style="position:relative">
    <input type="text" name="goodsDesc[]" onkeyup="stockAutocomplete(this)" autocomplete="off" value="'+tempDesc+'"></div></div></div>

variable is named tempDesc and holds string 48" monitor, and displays as that at console.log statement. However when it gets to value="'+tempDesc'" it displays only the word 48. I have tried adding slashes before the quotes but with no joy.

Answer 1

Use the escape() function. your could should use it like this: escape(tempDesc) . It is needed here because you have to escape the quote in order to archive that its proceeded like a normal char and not as the end of the enquoted string like in:

"this String is in "quotes" but still has quotes in it".

"this String is in \"quotes\" but still has quotes in it".