Variable, die eine Zeichenfolge enthält, ist leer, wenn sie durch eine onclick-Funktion übergeben wurde

Question

Ich versuche, eine Zeichenfolge in eine Funktion mithilfe des onclick-Ereignisses zu übergeben. Wenn ich jedoch auf den Link klicke, gibt die Variable in der Funktion nichts zurück. Es ist leer. Ich habe keine Probleme, wenn ich eine Zahl als Argument übergebe und das in der Warnung ohne Probleme angezeigt wird. Ich bin mir nicht sicher, was ich falsch mache.

for (var j=0;j<current_order.length;j++){ 
    var note_id = "note" + (j+1); 
    text = text + "<button onClick= 'deleteItemfromOrder("+j+")'>Delete</button>"; 
    text = text + "<a id = '"+note_id+"' onClick= 'toggleNote("+note_id+")'>Notes</a>"; 
    alert(text); 
} 

Dies ist die Funktion, die ich zu passieren versuche note_id zu:

text = text + "<a id = '"+note_id+"' onClick= 'toggleNote('"+note_id+"')'>Notes</a>"; 

:

function toggleNote(showHideDiv) { 
    alert(showHideDiv); 
} 

Ich habe mehrere Methoden versucht, die Zeichenfolge als Argument an die Funktion EG passieren und

text = text + "<a id = '"+note_id+"' onClick= 'toggleNote(\'"+note_id+"\;)'>Notes</a>"; 

H jedes Mal, wenn die Zeichenfolge in der Funktion auf der anderen Seite leer erscheint. Es gibt keine Probleme, wenn ich eine Zahl zB passieren:

text = text + "<a id = '"+note_id+"' onClick= 'toggleNote("+2+")'>Notes</a>"; 

Answer 1

Ihr Problem ist, dass Sie Anführungszeichen fehlen, Zahlen Anführungszeichen nicht benötigen, wie in

onclick='toggleNote(3)' 

aber ein String tut

onclick='toggleNote("string")' 

auch die gleichen Anführungszeichen entweder nicht arbeiten

onclick='toggleNote('string')' 

das heißt, Sie

text = text + "<a id = '"+note_id+"' onClick= 'toggleNote(\""+note_id+"\")'>Notes</a>"; 

Aber wirklich, was Sie tun sollten, ist es, Elemente erstellen

for (var j = 0; j < current_order.length; j++) { 
    (function(i) { 
     var btn = document.createElement('button'); 
     var anc = document.createElement('a'); 

     btn.addEventListener('click', function() { 
      deleteItemfromOrder(i); 
     }); 

     btn.textContent = 'Delete'; 

     anc.addEventListener('click', function() { 
      toggleNote("note" + (i+1)) 
     }); 

     anc.textContent = 'Notes'; 
    })(j); 
}