jQuery anexar foreach to div
Pergunta
Estou tentando criar uma nuvem dinâmica de tags usando jQuery, quero que ela puxe as palavras -chave da página e depois as cuspe em uma div, mas não tenho certeza de como fazer isso - eu sei como poderia fazer isso se Era PHP, mas não tão bom em jQuery.
Eu criei minha variável "Palavras -chave"
var keywords = jQuery("meta[name=keywords]").attr("content");
Agora, como faço para fazer um pouco para que ele acabe com a div "tagcloud" assim:
<div class="tagCloud" id="tagCloud">
Keyword 1 \n
Keyword 2 \n
Keyword 3 \n
</div>
e assim por diante .. se alguém pudesse me ajudar, isso seria fantástico :)
Solução
Supondo que você queira que as palavras -chave da nuvem sejam links (âncoras):
$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
$('#tagCloud').append($('<a>').attr('href','#').text(el));
});
Outras dicas
Eu faria isso:
var all = "";
jQuery("meta[name=keywords]").each(function(){
all += jQuery(this).attr("content") + "\n";
});
jQuery("#tagCloud").html(all);
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow