2009-04-14 4 views
2

Ich mag würde ein Jquery verwenden, um die folgenden Spanne auszuwählen:JQuery-Selektor für die Inline-Stil-

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

Aber nicht die folgende Spanne auszuwählen, die von dem ursprünglichen in unterscheidet, dass der Stil-Attribut eine Anzeigeeigenschaft hat, deren value ist inline statt keiner.

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

Ich bin mir bewusst, Inline-Styles sind böse, aber eine asp.net Webformulare Validator Steuerung wird es zu erzeugen und eine Menge gute und Böse zu tun.

Kann dies mit jquery Selektoren geschehen? Ich bin neu in Jquery.

Antwort

4

versuchen, etwas wie folgt aus:

$('.validationerror:hidden') 
+2

Vielen Dank! Dies half mir herauszufinden, wie man das erste versteckte tr-Element in einer Tabelle auswählte. Was mich wirklich überrascht, ist, dass der versteckte Selektor für das display-Attribut funktioniert. Ich hatte angenommen, dass es nur für das Attribut Sichtbarkeit war. – Jagd

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

alle Spannweite Elemente mit dem Stil-Attribut auswählen, die den Wert „inline“ in es irgendwo hat.

+0

Danke für Ihre schnelle Antwort Sie tatsächlich meine Frage beantwortet, wie gefragt, aber die andere Lösung war eleganter. –

+0

Das funktioniert nicht * \t \t –

+0

Es funktionierte für mich, wenn ich in Anführungszeichen setzen: $ ("span [style * = 'inline']") –

-1

die Stile innerhalb der Klassen einbetten und Sie haben 2 Klasse die Verwendung JQuery-Selektor

$(".<ClassName>") 
0

hier ist eine Beratung für serverseitige Auswahl steuert auch

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

oder

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

oder

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

Ich mache so etwas hinzufügen \ entfernen Sie einen Fehler Stil, um das übergeordnete Element des Validierungsfehlers Steuerelement das Steuerelement, das den Fehler und die Überprüfungsmeldung verursacht, zu markieren.

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