Changer la couleur de l'étiquette à l'aide de jquery?

J'ai voulu changer la couleur de l'étiquette Rouge sur le bouton cliquez sur

Cependant, le code ne fonctionne pas, tout semble être à droite

    <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>
    </title>
    <script type="text/javascript">
    function changeColor(id, newColor) {

var labelObject = document.getElementById(id);

$("#" + id).css("color", newColor);

}
    </script>
</head><body>
<form id="frm2">

<label for="model">Male</label>

<input type="text" name="cars" id="model" />

<br />

<label for="female">Female</label>

<input type="text" name="cars" id="color" />

</form>

<input type="button" value="Change Label Color" onclick="return changeColor('label', 'red')" />

    </body>
</html>

S'il vous plaît aider

où est un contrôle avec LabelCity dans le balisage ?

OriginalL'auteur vini | 2012-08-04

  1. 10

    Vous êtes de passage "label" que le paramètre id de votre changeColor gestionnaire, mais il n'y a pas d'élément avec l'ID dans le HTML que vous avez fournis. Vous aurez besoin d'ajouter des codes à vos étiquettes et de transmettre ces dans le onclick gestionnaire. Par exemple:

    <label for="model" id="label1">Male</label>
<input type="text" name="cars" id="model" />

<input type="button" value="Change Label Color" onclick="return changeColor('label1', 'red')" />

    Une autre solution serait de passer l'ID de l'élément d'entrée au lieu de cela, car ils ont déjà des Identifiants assignés. Vous devez modifier votre changeColor gestionnaire comme suit:

    function changeColor(inputId, newColor) {
  $("#" + inputId).prev().css("color", newColor);
}

    Edit: Ici est un jsFiddle démontrant mon deuxième exemple.

    Il n'est pas de travail dun savoir pourquoi
    J'aime bien le 2ème exemple, avec le .prev() approche, car il évite d'avoir à assigner des identifiants à chaque étiquette. Permet d'économiser du travail, et plus important encore, améliore la maintenabilité, sur les grandes formes.

    OriginalL'auteur rexmac

  2. 6
    $('input[type="button"]').click(function(){
     changeColor('labelCity' , 'red');
}); 

function changeColor(id, newColor) {

   $("#" + id).css("color", newColor);

}

    OriginalL'auteur Robin Maben