2009-04-14 4 views
2

Je voudrais utiliser un jquery pour sélectionner la durée suivante:sélecteur JQuery pour propriété de style en ligne

<span id="RequiredFieldValidator1" class="validationerror" style="color: Red; display: none;">*</span> 

Mais pas sélectionner la durée suivante qui diffère de l'original en ce que l'attribut style a une propriété d'affichage dont La valeur est inline au lieu de none.

<span id="RequiredFieldValidator2" class="validationerror" style="color: Red; display: inline;">*</span> 

Je suis au courant des styles en ligne sont mauvais, mais un contrôle des formulaires web asp.net validateur est la génération et faire beaucoup de bien aussi bien que le mal.

Peut-on utiliser des sélecteurs jquery? Je suis nouveau à jquery.

Répondre

4

Essayez quelque chose comme ceci:

$('.validationerror:hidden') 
+2

Merci beaucoup! Cela m'a aidé à comprendre comment sélectionner le premier élément tr caché dans une table. En fait, ce qui me surprend, c'est que le sélecteur caché fonctionne pour l'attribut d'affichage. Je supposais que c'était pour l'attribut de visibilité seulement. – Jagd

5
$("span[style*=inline]") 

sélectionnera tous les éléments de portée avec l'attribut de style qui a la valeur « en ligne » en elle quelque part.

+0

Merci pour votre réponse rapide vous avez effectivement répondu à ma question comme demandé, mais l'autre solution était plus élégante. –

+0

Cela ne fonctionne pas * \t \t –

+0

Cela a fonctionné pour moi quand j'ai mis en ligne entre guillemets: $ ("span [style * = 'inline']") –

-1

intégrer les styles à l'intérieur des classes et vous avez 2 classe l'utilisation du sélecteur JQuery

$(".<ClassName>") 
0

ici est un conseiller de sélection côté serveur contrôle trop

document.getElementById("<%=txtFirstName.ClientID %>"); 

ou

$("#'<%=txtFirstName.ClientID %>'"); 

ou

$("[id$='_txtFirstName']"); 
1

Je fais quelque chose comme ceci pour ajouter \ enlever un style d'erreur au parent du contrôle d'erreur de validation pour mettre en évidence le contrôle qui a provoqué l'erreur et le message de validation.

$('input').change(function() { 
    $(".validationError[style*=hidden]").parent().removeClass("error"); 
    $(".validationError[style*=visible]").parent().addClass("error"); 
});