jQuery: Obtenir des éléments connexes ou presque?

Question

Mes codes en HTML:

<p><input type="text" class="txt" id="u" /><label for="u">user</label></p> 
<p><input type="text" class="txt" id="p" /><label for="p">pass</label></p> 

Javascript:

$(document).ready(function() { 
    if($('.txt').val()) { 
     //change st in related label tag 
    } 
}); 

Comment faire? S'il vous plaît, aidez-moi à résoudre ce problème. Merci beaucoup !

Answer 1

Vous pouvez faire:

$("input.txt").focus() { 
    $("label[for='" + this.id + "']").addClass("highlight"); 
}).blur(function() { 
    $("label[for='" + this.id + "']").removeClass("highlight"); 
}); 

avec:

label.highlight { background: yellow; font-weight: bold; } 

Lorsqu'un champ d'entrée a le focus, son étiquette (en supposant qu'il en a un) est mis en évidence.

Edit: Pour parcourir les entrées et faire quelque chose avec les étiquettes:

$(":input[id]").each(function() { 
    if ($(this).val() != '') { 
    $("label[for='" + this.id + "'").each(do_something); 
    } 
}); 

function do_something() { 
    // this refers to the label 
} 

ou simplement:

$(":input[id]").each(function() { 
    if ($(this).val() != '') { 
    $("label[for='" + this.id + "'").addClass("notnull"); 
    } 
}); 

ou vous pouvez aller dans l'autre:

$("label[for]").each(function() { 
    var label = this; 
    $("#" + $(this).attr("foo") + ":input").each(function() { 
    if ($(this).val() != "") { 
     $(label).addClass("notnull"); 
    } 
    }); 
}); 

Answer 2

Vous pouvez d'abord rechercher les libellés et rechercher les champs de texte associés, comme par exemple:

$('label[for]').each (function() 
{ 
    var label = $(this), textfield = $('#' + label.attr('for') + '.txt'); 
    if (textfield.length && textfield.val()) 
     doSomething (label); 
});