html table de la une cellule les couleurs du texte, fondée sur des valeurs
J'ai un tableau html et dans une colonne particulière, le texte est défini à 'Y' ou 'N'. Je me demandais si il est possible de définir la couleur du texte en Rouge par programmation de la charge si la valeur est' N'?
<table>
<tr>
<td>N</td>
<td>Y</td>
</tr>
</table>
Codeur 2, voir ma réponse. Si vous pouvez utiliser jQuery, cela permettra d'accomplir de la manière que vous décrivez.
OriginalL'auteur Coder 2 | 2011-02-02
Vous devez vous connecter pour publier un commentaire.
À l'aide de jQuery, c'est facile:
Note: j'ai testé le fichier ci-dessus et il fonctionne. Copie à votre bureau, enregistrer sous yn.html et s'exécuter dans un navigateur.
EDIT: Pour accomplir avec un pur sélecteur et ne pas compter sur l'instruction if...
Ce fut à la suite de Tyler Holien de réponse. Ce serait la meilleure manière de le faire, car il ne fait pas appel à de si nombreux appels de fonction et est plus expressif dans moins de code. NOTE: Malheureusement, ne pas utiliser cette version si il y aurait d'autres contenus qui peuvent contenir N est et ne doit pas être sélectionnée, car contient sélectionne tout le texte qui a N, et pas SEULEMENT le " N " de texte seulement.
Ok, très bien. J'aurais pensé que la première option était mieux que " N " est tout ce que je suis intéressé dans l'établissement. Vous ne savez pas comment le "contient" les fonctions que c'est nouveau pour moi. J'espère que cela à trouver, mais contenant seulement 'N' et pas ceux qui ont 'N' plus un autre texte.
Ok, tant pis, s'en tenir à la première version si vous n'avez pas de colonne (par classe) qui ne ferait que nourrir sélectionnable texte basé sur l'une des deux valeurs (Y, N). Sinon, si, par exemple, que la colonne avait NEIN ou Lier ou que sais-je encore, il faudrait choisir. Bonne prise.
Oh, et j'ai supprimé cette deuxième ligne. J'ai été en utilisant que de le tester pour s'assurer qu'il travaillait comme je m'y attendais.
Si vous souhaitez utiliser un pur sélecteur, vous pouvez toujours étendre jQuery comme dans ce post. J'ai créé un exemple ici.
OriginalL'auteur Jared Farrish
Essayer le code CSS suivant:
Il a travaillé pour moi dans ce Violon. Pourriez-vous poster un exemple de code?
Codeur 2 est probablement pas utiliser la valeur de l'attribut; ce n'est pas officiellement pris en charge l'attribut de TD, ce qui n'est pas inhabituel. Approche intéressante, cependant.
Oh oui, il fonctionne dans cet exemple. Mais peut-être que je n'ai pas de mot bien en se référant à lui comme une "valeur". Je voulais dire le texte dans la cellule.
Holien - voir mon edit, inspiré par votre tentative. Il ressemble contenu() pourrait le faire en pure CSS, mais vous auriez besoin pour passer au travers de certains trucs à faire, et il est encore fragile héritage prise en charge du navigateur. quirksmode.org/css/contents.html
OriginalL'auteur Tyler Holien
C'est ce que j'ai fait
OriginalL'auteur citynorman