Ich habe ein Seitenlayout wie dieses
<input id="name" class="mandotary" type="text">
<label for="name">Name must be entered</label>
<input id="code" class="mandotary" type="text">
<label for="code">Code must be entered</label>
Nun möchte ich das Label-Element beim ersten Laden der Seite ausblenden. Wenn es den Fokus verloren hat und der Wert Null ist, dann sollte das Label angezeigt werden, sonst sollte es versteckt werden. Ich versuchte dies
var inputElementArray = $("input.mandotary");
$.each(inputElementArray, function(index, element){
var id = $(element).attr("id");
var label = $("label").attr("for", id);
// label.hide();
$(element).focus(function(){
var next = $(element).next();
$(element).next().hide();
}); //end of focus()
$(element).blur(function(){
// get value of text area
var text = $(element).val();
if (text == "") {
var next = $(element).next();
$(element).next().show();
} //end of if
}); //end of blur()
}); //end of $(document).ready(fn)
Aber die Linie
var label = $("label").attr("for", id);
Geben Sie mir die beiden Etiketten. Ich möchte nur das Label, dessen Attributwert id (Name oder Code) ist. Ich erhalte den Namen oder Code als id in der var id . Aber es findet beide Etiketten. Wie kann ich das Etikett finden, dessen Wert für das Attribut gleich der ID meines Eingabeelements ist?
Gracias