Das ist eine harte Nuss!
Ich erstelle gerade eine Blogger-Vorlage, und der Kunde möchte, dass die Überschriften in der rechten Spalte der Vorlage in verschiedenen Farben dargestellt werden.
Das Problem ist, dass ich wenig Kontrolle über die generierte HTML-Datei habe, da sie von der Blogger-Engine gesteuert wird.
Ich möchte in der Lage sein zu tun, was ich will:
Wählen Sie die N-te Instanz eines h2-Elements mit der Klasse "title" und wenden Sie einen CSS-Stil mit Jquery an.
Ein einschränkender Faktor ist, dass es scheint, dass Jquery will, dass Sie ihm sagen, was das übergeordnete Element ist, so dass es Elemente zählen kann. In diesem Design jedoch das Element könnte überall erscheinen, und es ist die Instanz zählen für die gesamte Seite, die ich interessiert bin. Korrigieren Sie mich, wenn ich hier falsch bin.
Ich habe den folgenden Code ohne Erfolg ausprobiert - ein Versuch, den CSS-Selektor für indirekte Abstammung zu verwenden:
$(document).ready(function () {
alert('test');
$("#RightColContent S+ h2.title:nth-child(2)").css('background-color', 'green');
$("#RightColContent S+ h2.title:nth-child(3)").css('background-color', 'red');
});Dieser Code wendet den Stil an, aber auf alle Elemente, vermutlich weil ich kein übergeordnetes Element angegeben habe:
$("h2.title:nth-child(1)").css('background-color', 'green');Bitte sehen Sie sich das Firebog-HTML-Inspektionsbild an, um den HTML-Fluss zu sehen.
Alt-Text http://bombdefused.com/firebug.png
Herzlichen Glückwunsch an alle, die mir dabei helfen können.
