✔ Jquery Tags suchen und class hinzufügen

[kosovafan]

Hallo,

Ich stelle meine Websites gerade von Liquidluck auf Middleman um. Die Liquid Template Sprache konnte ich größtenteils auf Ruby umschreiben, aber irgendwie komme ich mit der Tag- und Jahrcloud nicht weiter. Alle Versuche schlagen fehl und wie ich das jetzt verstehe bleibt wohl nur Jquery um es endgültig umzusetzen.

Wir haben zum Beispiel im Artikelheader:

<span class="time">04.07.2015</span>
<span class="author">Silvio Siefke</span>
<span class="tags"><a href="/blog/tag/gesellschaft/">Gesellschaft</a></span>

In der Tagcloud steht

<aside class="blog">
<ul>
    <li><a href="/blog/tag/computer/">Computer (3)</a></li>
    <li><a href="/blog/tag/gesellschaft/">Gesellschaft (11)</a></li>
    <li><a href="/blog/tag/staat/">Staat (10)</a></li>
    <li><a href="/blog/tag/medien/">Medien (3)</a></li>
    <li><a href="/blog/tag/netzwerk/">Netzwerk (2)</a></li>
</ul>

<ul>
    <li><a href="/blog/2015/">2015 (7)</a></li>
    <li><a href="/blog/2014/">2014 (14)</a></li>
    <li><a href="/blog/2013/">2013 (4)</a></li>
    <li><a href="/blog/2012/">2012 (4)</a></li>
</ul>
</aside>

Gibt es eine Möglichkeit, im Header nach den Tag und Jahr zu suchen und diesen in der Tag- und Jahrcloud mit einer Klasse zu versehen?

Danke & Schönen Sonntag
Silvio

 

[Sempervivum]

Wenn ich dich richtig verstanden habe, geht es mit jQuery so:
http://jsfiddle.net/rum31u4s/
(Die Regexp kann man noch optimieren.)

 

[kosovafan]

Hallo,

für das Jahr ist es korrekt am laufen, danke, geht das gleiche auch einfach mit den Tags?

Habe einmal die Bilder angehangen von der fertigen Cloud, so wäre das Ziel.

1.) Übersicht
2.) Artikel

Mfg & Danke
Silvio

 

[Sempervivum]

Ah so, dann habe ich dich doch nicht richtig verstanden, ich dachte mit "Tag" meintest Du "Tag" wie "day". Was meinst du denn in diesem Zusammenhang mit "Tag"? HTML-Tags gibt es ja viele in dem Text.

 

[kosovafan]

Die Themen wo man Blogs einordnet. Gesellschaft Medien und so weiter. Siehe Bilder. Also ich kenne die nur als Tags so werden die allgemein in Blogs beschrieben.

Mfg
Silvio

 

[Sempervivum]

Ja, jetzt verstehe ich es. Bin schon dabei es zu ändern.

 

[Sempervivum]

Ich hoffe, so ist es das, was Du brauchst:
http://jsfiddle.net/rum31u4s/1/

 

[kosovafan]

Danke, werde das zu Hause probieren und dann Rückmeldungen geben. Ich denke wird aber der bessere Weg als sed sein, dass bringt einen ganz zum verzweifeln.

Mfg

 

[Sempervivum]

sed? Meinst Du das Unix-sed? Damit habe ich während meiner Berufstätigkeit gelegentlich gearbeitet. Wenn ich jetzt für meine HP etwas automatisch editieren will, nehme ich meistens AWK.

 

[kosovafan]

Hallo,

ja ich meine Unix Sed ist ein mächtiges Tool und macht was es soll. Aber für diesen Zweck scheint es falsch zu sein. AWk wurde mir oft empfohlen, aber empfand ich als kompliziert. Aber wahrscheinlich nicht tief genug eingestiegen.

Mfg
Silvio