Set Mail-Wert nach Name Wert

Question

Ich habe eine Tabelle, mit 2 Feldern, ist eins "Name" und die HTML-Klasse ist "Name", die andere ist "Email" mit HTML-Klasse: "Mail".

<table> 
    <tr> 
     <td colspan="2">User Email</td> 
    </tr> 
    <tr> 
     <td class="name">Albert Einstein</td> 
     <td class="mail"></td> 
    </tr> 
</table> 

können also sagen, dass ich eine Mail-Liste wie folgt aussehen:

• Namen: Albert Einstein, Post: "albert@company.com"
• Namen: Isaac Newton, Mail: "inewton@company.com"
• Name: Alice Newton, Mail-: "anewton@company.com"

Was ich will, ist der Wert der Mail-Feld zu setzen, nach dem Namensfeld.

Dieser von @Ganesan San Gemeinsamen Javascript-Code, scheint die Arbeit fast tun:

var emails = ["albert@company.com", "inewton@company.com", "anewton@company.com"]; 
var name_elements = document.querySelectorAll("td.name"); 
var mail_element = document.querySelectorAll("td.mail"); 
for (i = 0; i < name_elements.length; i++) { 
    var current_element = name_elements[i]; 
    var name = current_element.textContent; 
    for (j = 0; j < emails.length; j++) { 
     if (emails[j].indexOf(name) != -1) { 
      mail_element[i].textContent = emails[j]; 
      break; 
     } 
    } 
} 

Aber es ist nicht mit Großbuchstaben oder Leerzeichen in Namen nicht funktioniert, so wie können wir diesen Code zu beheben, damit es funktioniert mit Großbuchstaben und Leerzeichen zwischen Vor- und Nachname? auch zu erkennen, welche E-Mail an Personen mit ähnlicher E-Mail gehört, siehe Beispiel:

1. Name: Isaac Newton, Mail: "inewton@company.com"
2. Name: Alice Newton, Mail: „anewton @ Unternehmen. com "

Dank @Alexander Higgins und @Tushar Vaghela. Beide Antworten funktionieren großartig.

Answer 1

mit Kapitalisierung umgehen, können Sie die Zeichenfolge in Kleinbuchstaben mit .toLowerCase()

Dann wandeln Sie Sie Namen brechen müssen in Teile und versuchen, eine Übereinstimmung für die E-Mail zu finden.

Sie können split(' ') verwenden, um eine Zeichenfolge in ein Array von Wörtern unter Verwendung eines Leerzeichens für das Trennzeichen zu zerlegen.

Von hier können Sie den Vor- und Nachnamen bekommen.

Sie können das erste Zeichen des Vornamens nehmen und dieses mit dem letzten kombinieren, um nach Adressen in der Form Erste Initiale + Nachname + '@' + Domäne zu suchen.

Wenn dies fehlschlägt, und Sie möchten nur den Vornamen des Kombinats Vorname + '@' + Domain überprüfen.

Nebenbei bemerkt, in Ihrem ursprünglichen Code müssen Sie nicht alle Elemente in Schleife durchlaufen .indexOf in jeder Iteration. Wie unten gezeigt, können Sie .indexOf nur einmal in der Schleife überprüfen.

<table> 
 
    <tr> 
 
     <td colspan="2">User Email</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="name">Albert Einstein</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
     <td class="name">Isaac Newton</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
     <tr> 
 
     <td class="name">Alice Newton</td> 
 
     <td class="mail"></td> 
 
    </tr> 
 
</table> 
 

 
<script> 
 

 
var emails = ["albert@company.com", "inewton@company.com", "anewton@company.com"]; 
 
var name_elements = document.querySelectorAll("td.name"); 
 
var mail_element = document.querySelectorAll("td.mail"); 
 
for (i = 0; i < name_elements.length; i++) { 
 
    var current_element = name_elements[i]; 
 
    var name = current_element.textContent.toLowerCase(); 
 
    var nameParts= name.split(' '); 
 
    var fName= nameParts[0]; 
 
    var fInitial= name[0]; 
 
    var lastName= name.split(' ')[1]; 
 
    var possibleFormats = [ 
 
     fInitial + lastName + '@company.com', 
 
     fName + lastName + '@company.com', 
 
     fName + '.' + lastName + '@company.com', 
 
     fName + '@company.com', 
 
     ] 
 
    var idx=-1; 
 
    for(var k=0; idx<0 && k<possibleFormats.length; k++) 
 
    { 
 

 
     idx= emails.indexOf(possibleFormats[k]); 
 
     console.log(idx); 
 
    } 
 
    if (idx>-1) 
 
    { 
 
     mail_element[idx].textContent = emails[idx] 
 
    } else { 
 
     console.log('Failed: ' + emailToFind); 
 
    } 
 

 
} 
 

 
</script>

Answer 2

Hoffnung hilft diese

var names = document.getElementsByClassName('name'); 
 
var mails = document.getElementsByClassName('mail'); 
 

 
for (var i = 0; i < names.length; i++) { 
 
    var namelist = (names[i].innerText).toLowerCase().split(" "); 
 
    var fname = namelist[0].substring(0, 1); 
 
    var lname = namelist[namelist.length - 1]; 
 
    mails[i].innerHTML = fname + lname + '@company.com'; 
 
}

table { 
 
    padding: 10px; 
 
}

<table border="1"> 
 
    <tr> 
 
    <td>User</td> 
 
    <td>Email</td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Albert Einstein</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Isaac Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Alice Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
    <tr> 
 
    <td class="name">Alice MiddleName Newton</td> 
 
    <td class="mail"></td> 
 
    </tr> 
 
</table>