Définition d'une variable à l'aide jquery .attr puis changer

Question

j'ai un tas de champs et certains d'entre eux ont des labels comme

<input id="1" /><label for="1" /> 
<input id="2" /> 
<input id="3" /><label for="3" /> 

Pour chaque étiquette que je veux faire quelque chose comme

var for_label = $(label).attr("for"); 

puis utilisez la variable pour appliquer un style au champ de saisie approprié. Comment dois-je faire cela? J'apprécierais beaucoup un exemple, je suis assez nouveau à Javascript ...

Answer 1

$('label').each(function() { 
    // Get corresponding input element: 
    var input = $('#' + $(this).attr('for')); 
    // apply some CSS class 
    input.css('someStyle'); 
}); 

En tant que note latérale les ids ne peuvent pas commencer par des nombres.

Answer 2

$(label).attr("for") renvoie l'ID de l'étiquette, using the attr method. Vous voulez ensuite select the element with that id donc: $("#" + $(label).attr("for")) maintenant vous avez l'élément d'entrée sélectionné. Vous pouvez changer son style avec .css(). Par exemple: $("#" + $(label).attr("for")).css("color", "blue"). To loop through all the labels you can d o:

$("label").each(function(){ 
    $("#" + $(this).attr("for")).css("color", "blue");//note that this refers to the label in this context 
});