jquery append foreach à div
Question
Je suis en train de créer un nuage de tags dynamique en utilisant jquery, je veux qu'il tirer les mots-clés de la page, puis les recracher dans une div, mais ne suis pas sûr de savoir comment s'y prendre - je sais comment je pourrais le faire si elle était php, mais tout simplement pas si bon à jquery.
J'ai créé "mots-clés" mes variables
var keywords = jQuery("meta[name=keywords]").attr("content");
Maintenant, comment dois-je à faire un foreach pour elle d'ajouter le div « TagCloud » comme ceci:
<div class="tagCloud" id="tagCloud">
Keyword 1 \n
Keyword 2 \n
Keyword 3 \n
</div>
et ainsi de suite .. si quelqu'un pouvait me aider, ce serait fantastique:)
La solution
En supposant que vous voulez que les mots-clés nuage pour être des liens (ancres):
$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
$('#tagCloud').append($('<a>').attr('href','#').text(el));
});
Autres conseils
Je ferais ceci:
var all = "";
jQuery("meta[name=keywords]").each(function(){
all += jQuery(this).attr("content") + "\n";
});
jQuery("#tagCloud").html(all);
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow