jquery append foreach div
Frage
Ich versuche, eine dynamische Tag-Cloud mit Jquery zu schaffen, ich will es die Schlüsselwörter auf der Seite ziehen und spucken sie dann in einem div, aber bin nicht sicher, wie es zu gehen - ich weiß, wie ich konnte tun sie es, wenn es php waren, aber einfach nicht so gut jquery.
Ich habe meine Variable "keywords" erstellt
var keywords = jQuery("meta[name=keywords]").attr("content");
Nun, wie gehe ich über einen foreach tun für den div „tagCloud“ wie folgt anhängen:
<div class="tagCloud" id="tagCloud">
Keyword 1 \n
Keyword 2 \n
Keyword 3 \n
</div>
und so weiter .. wenn mir jemand helfen könnte, das wäre fantastisch:)
Lösung
Angenommen, Sie wollen, dass die Wolke Schlüsselwörter Links zu sein (Anker):
$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
$('#tagCloud').append($('<a>').attr('href','#').text(el));
});
Andere Tipps
Ich würde dies tun:
var all = "";
jQuery("meta[name=keywords]").each(function(){
all += jQuery(this).attr("content") + "\n";
});
jQuery("#tagCloud").html(all);
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow