2016-08-27 1 views
0

Ich habe folgenden generierten Code, mit jquery geändert werden mussJQuery .css- Label basierend auf Wildcard-ID

<div> 
    <input id="priority1" type="radio" name="priority" value="Low" disabled=""> 
    <label for="priority1">Low</label> 
    <input id="priority2" type="radio" name="priority" value="Normal" disabled=""> 
    <label for="priority2">Normal</label><input id="priority3" type="radio" name="priority" value="High" disabled=""> 
    <label for="priority3">High</label> 
    <input id="priority4" type="radio" name="priority" value="CRITICAL" disabled=""> 
    <label for="priority4">CRITICAL</label> 
</div> 

Ich muß hinzufügen padding jedes Etikett (padding-right: 30px;)

Ich habe mit diesem getestet:

$j("label[for='priority1']").css("padding-right", "30px");

es funktioniert und es könnte argumentiert werden, dass ich es nur viermal für jedes Etikett wiederholen; Ich möchte jedoch einen Platzhalter wie diesen verwenden $j("label[for='[id^=priority]']").css("padding-right", "30px");. Leider hat das nicht funktioniert, jede Hilfe wäre willkommen.

+0

Warum ist das mit jQuery und nicht CSS? – RamenChef

+0

@RamenChef werden wir nie wissen> :) Vielleicht will er nur die Polsterung nach einem Klick oder etwas hinzufügen? Ich kann mir nicht wirklich ein gutes Szenario vorstellen, aber wahrscheinlich gibt es eines irgendwo. – seahorsepip

+0

Der Großteil der Tabellen und Formulare wird von einer Anwendung generiert, einschließlich php html js und css-Dateien. Wenn ich sie direkt bearbeite, würden die Änderungen überschrieben, wenn die Anwendung das nächste Mal zum Generieren des Codes verwendet wird (d. H. Geringfügige Änderungen oder ein Tippfehler usw.), das Framework für manuelle Codeänderungen durch Verwendung spezieller "Hook" -Dateien vorsieht. Ich denke, ich kann .css direkt verwenden, aber ich bin mir nicht sicher, wie ich das machen würde, ohne alle anderen Labels auf der Seite zu beeinflussen. – Strider27

Antwort

0
$("label[for^='priority']").css("padding-right", "30px"); 

Scheint hier gut zu funktionieren, keine Notwendigkeit ID-Zeug hinzuzufügen.

+0

Das hat funktioniert, sehr geschätzt – Strider27

Verwandte Themen