Zieleingabeelemente innerhalb eines Formulars, das jQuery verwendet, ohne manuell aufzurufen

Question

Ich versuche, einen kurzen Code zu erstellen, um alle Eingabeelemente in einem bestimmten Formular anzusprechen. Immer wenn ein Eingabeelement im Fokus ist, erhalte es seine ID und ändere die Schriftfarbe eines anderen Elements (falls es existiert), dessen ID die Verkettung der ID des Eingabeelements ist, gefolgt von dem Wort "Hilfe".

Ich könnte eine Funktion dafür machen, aber ich möchte nicht, dass der HTML-Typ es nennt. Ich möchte nur, dass er das Skript enthält und es funktioniert. Ich habe ihm die Namenskonvention erklärt.

All das sagte der obige Code funktioniert nicht. Kann mir bitte jemand helfen, das zu lösen.

Vielen Dank.

Erzählen Sie mir auch, wenn ich auf diese Weise schrecklich falsch bin, obwohl ich dazu aufgefordert worden bin.

Answer 1

id (die Variable) ist undefined hier ... es muss eine Zeichenfolge sein, mit .attr() verwenden, wie folgt aus:

$(this).attr("id"); 

... aber die viel einfachere Art und Weise wird mit dem bereits vorhandenen DOM-Eigenschaft .id, gefällt das:

$('#form').find('input').focus(function(){ 
    $('#'+this.id+'Help').addClass('elementHelp'); 
});