jQuery: Text in tag einfügen

[Kangarooo]

Hallo!
Ich habe ein tag: <em class='percent'>-50%</em>

Nun möchte ich nach "class='percent' " einen "style" einfügen mit ein paar Infos. Z.B.: style='background-color:black; font-color:white'

Leider funktioneirt das so nicht:
$(document).ready(function(){
$("em.percent").text('style="background:black font-color:white;");
})

Kann mir da jemand weiterhelfen?

[Kropff]

$("em.percent").css({
...
});

Peter

[Kangarooo]

Hallo!
Das hatte ich auch schon versucht, das funktioniert leider nicht:

$("em.percent").css({ 'style="background:black font-color:white;"' });

[Kropff]

$("em.percent").css({
'background' : '#fff',
'bla' : 'blubb',
...
});

Peter

PS: Du kennst die jQuery-Doku? Solltest du mal reinschauen, das steht so was.

[Kangarooo]

Oh man, sorry! Du hast recht, ich war die ganze Zeit davon ausgegangen dass ich einfach text einfüge und nicht css!
Vielen Dank!
Habe nur noch eine Frage: Es gibt mehrere em.percent - Elemente.
Ist der Ansatz falsch, so alle durchzugehen und den Inhalt auszulesen??

$(document).ready(function(){
                $('em.percent').each(function(index) {
                var em_inhalt = $("em.percent").html();

...... 

[Kropff]

Ist der Ansatz falsch, so alle durchzugehen und den Inhalt auszulesen??

Keine Ahnung, bin nicht so der jQuery-Experte.

Peter

[abstractizm]

Css &lt; addClass

Hi,
wenn Du dein Script optimieren möchtest, würde ich folgendes machen:

1. dein Element so ansprechen, das es nach an einem echten JavaScript Objekt ist, wie Du es ja schon gemacht hast. $('em.percent')
2. alle Elemente in ein lokales Array schreiben, dann Änderung am lokalen Array vornehmen
3. DOM ändern über .addClass und nicht .css
4. keine Each Schleifen nutzen, statt dessen in eine for Schleife umwandeln
5. immer Vorsicht mit DOM Änderungen. Diese sind beliebt, können aber bei zu vielen Änderungen den Browser sehr verlangsamen.

Zusatz:
der Befehl .css kannst Du gerne so nutzen, würde Dir allerdings den Befehl .addClass empfehlen.

[litterauspirna]

Um einzelen CSS Attribute einem element zu verpassen solltest du dem IE wegen es dann lieber so machen.

$('em.percent').attr('style', {'color' : '#fff'});

Gruß Litter