2012-04-03 5 views
0

Ich möchte eine Inline-Stil der letzten LI hinzufügen, die mit dem ASP generiert wird: Repeater-Steuerelement.Hinzufügen von Inline-Stil zur letzten li mit jquery

Ich kann keine CSS-Klasse hinzufügen, muss ich einige, wie die letzte li zählen mit der Klasse genannt:

class="tile lower-boxes icon_email" 
+0

wie der Repeater generiert HTML-Code? li: last wird dir das letzte li geben, aber du musst in den Kontext schauen –

Antwort

5

Wenn ich Ihre Frage verstanden habe, dann für Sie die folgenden sollte funktionieren:

$(".tile.lower-boxes.icon_email:last").css("color", "#C00"); 

Offensichtlich kann dieser Selektor und die CSS-Methode auf Ihre Bedürfnisse geändert werden. Sie können auch eine Klasse auf das Element hinzufügen, die besser wäre:

$(".tile.lower-boxes.icon_email:last").addClass("foo"); 

Mehr Infos auf der :last Selektor.

+0

+1: Das ist was du willst. –

+0

ist die CSS-Methode schneller beim Laden der Seite oder wird der Inline-Stil injiziert? –

+1

Sie sind in Bezug auf die Leistung ungefähr gleich. Es ist jedoch besser, den Elementen eine Klasse hinzuzufügen, damit Sie ein separates Stylesheet verwalten können und sich nicht um sporadische Bits von Stylinginformationen in Ihrem Markup kümmern müssen. Trennung von Anliegen usw. –

3

JQuery hat eine last function, dass Sie es funktionell wählen lassen.

$('li.tile').last() 

oder Sie können die Verwendung: letzte Selektor

$('li.tile:last') 

Edit: Fix Bad Link

+0

Ich habe den Link zum letzten Fragetext nicht verstanden. – defau1t

0

können wir auch jQuery: letzten Selector ..

zB:

$("li:last").css('background-color', 'yellow'); 

weiß, dass ich die Frage ist ziemlich alt, aber dachte, es könnte für andere hilfreich sein ..