jQuery mehrere Selektoren
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
aufruf
beginn
beispiel
button
code
demo
eigenschaft
fehlerhafte daten
formular
grund
kleines beispiel
oberen funktion
objekt
parameter
post
sagen
tag
text
zugreifen
-
Hallöchen!
Also: Ich möchte gern per jQuery auf einen tag/button">Button zugreifen und diesen deaktivieren wenn fehlerhafte Daten eingetragen sind. Soweit, so gut.
Das ganze ist in einem automatisch generierten Formular zu finden. Damit ich den Button auf der Seite wieder finde, besitzt er zwei Eigenschaften. Am Besten mal das HTML vom Button:function setSubmitButton(formid, enable) { var buttonObj = #Hier sollte der Selector hin#; if(enable) buttonObj.button("enable"); else buttonObj.button("disable"); }
"formularID" ist dabei ein automatisch generierter String (Grund dafür: es gibt evtl. mehrere dieser Formulare gleichzeitig). Dieser wird im Aufruf der oberen Funktion im Parameter "formid" übergeben.<button id="formularID-button-sub" name="submit">EinText</button>
"-button-" ist danach immer vorhanden. "sub" kann sich auch ändern, und ist im Skript nicht bekannt.
Da es allerdings mehrer Button mit "formularID-button-" als Beginn der id exisiteren, gibt es noch das Attribut name="submit". Und dieses besitzt nur dieser Button.
Kurz und knapp: Wie muss der Selektor aussehen damit ich den Button mit
-"formularID-button-" als Beginn der ID
-"submit" als Wert des Attributs "name"
als Objekt erhalte?
Vielen Dank!
Adrian -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hallo,
dein Selektor sollte so ausschauen...
$("button[id^='formularID-button-'][name='submit']")
Kleines Beispiel dazu:<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeContainsPrefix demo</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <button>Some text</button> <button id="formularID-button-sub">Some text</button> <button id="formularID-button-sub">Some text</button> <button id="formularID-button-sub" name="submit">EinText</button> <script> $("button[id^='formularID-button-']").css("color", "#f00"); $("button[id^='formularID-button-'][name='submit']").css("border", "3px dotted green"); </script> </body> </html>
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage