Verwenden von ersetzen auf jedem Etikett in einem Formular

Question

Ich versuche, einen Ersatz für alle Etiketten in meiner Form zu tun, wenn es in JS lädt, aber ich habe kein Glück.

$(document).ready(function($){ 
    $('.label').each(function(e){ 
     document.getElementById($(this)).textContent = document.getElementById($(this)).innerHTML.replace("and", "&"); 
    }); 
}); 

Ich weiß nicht, was besser ist: .innerHTML oder .textContent. Sie scheinen beide mein Ziel zu erreichen. Vielen Dank im Voraus.

Nach dem Test: Ich wünschte wirklich, ich könnte den folgenden Code zu arbeiten.

$('label').text(function(i, text) { 
    return text.replace("and", "&"); 
}) 

Danke für alle Vorschläge, ich habe den Code mit einer einfachen Schleife arbeiten.

var myElements = document.getElementsByTagName("LABEL"); 
for(var k=0; k<myElements.length; k++){ 
    myElements[k].innerHTML = myElements[k].innerHTML.replace("and", "&"); 
} 

Answer 1

Zunächst benutze ich persönlich innerHTML. Sie brauchen nicht auf beide

document.getElementById(); 

und

$(this) 

Versuchen Sie dies in Ihrem Schleife verwenden:

var toReplace=$(this).innerHTML; 
toReplace.replace("and", "&"); 

Beachten Sie jedoch, dass

document.getElementById("x"); 

werden nur greifen das erste Element mit der ID "x", wenn Sie suchen mehrere Elemente greifen, geben sie alle den gleichen Klassennamen und sie dann in ein Array greifen mit

myElements=document.getElementsByClassName("classname"); 

und dann durchlaufen sie wie folgt zu ersetzen:

for (i=0; i<myElements.length; i++){ 
    myElements[i].innerHTML.replace('and', '&'); 
}