jquery добавляет foreach к div
Вопрос
Я пытаюсь создать динамическое облако тегов с помощью jquery, я хочу, чтобы оно извлекало ключевые слова со страницы, а затем размещало их в div, но не уверен, как это сделать - я знаю, как я мог бы это сделать, если бы это был php, но просто не так хорош в jquery.
Я создал свою переменную "ключевые слова".
var keywords = jQuery("meta[name=keywords]").attr("content");
Теперь, как мне выполнить foreach для добавления div "tagCloud" следующим образом:
<div class="tagCloud" id="tagCloud">
Keyword 1 \n
Keyword 2 \n
Keyword 3 \n
</div>
и так далее..если бы кто-нибудь мог мне помочь, это было бы фантастически :)
Решение
Предполагая, что вы хотите, чтобы ключевые слова cloud были ссылками (якорями):
$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
$('#tagCloud').append($('<a>').attr('href','#').text(el));
});
Другие советы
Я бы сделал это :
var all = "";
jQuery("meta[name=keywords]").each(function(){
all += jQuery(this).attr("content") + "\n";
});
jQuery("#tagCloud").html(all);
Не связан с StackOverflow