Domanda

Sto cercando di creare una tag cloud dinamica utilizzando jQuery, voglio che tirare le parole chiave dalla pagina e poi sputare fuori in un div, ma non sono sicuro di come andare a questo proposito - so come ho potuto farlo se fosse php, ma semplicemente non così bravo a jquery.

ho creato le mie "parole chiave" variabile

var keywords = jQuery("meta[name=keywords]").attr("content");

Ora, come posso fare per fare un foreach per poter aggiungere il div "tagcloud" come questo:

<div class="tagCloud" id="tagCloud">

  Keyword 1 \n
  Keyword 2 \n
  Keyword 3 \n

</div>

e così via .. se qualcuno mi potrebbe aiutare, che sarebbe fantastico:)

È stato utile?

Soluzione

Supponendo che si desidera che le parole chiave cloud per essere collegamenti (tasselli):

$($('meta[name="keywords"]').attr('content').split(',')).each(function(i, el) {
    $('#tagCloud').append($('<a>').attr('href','#').text(el));
});

Altri suggerimenti

mi piacerebbe fare questo:

   var all = "";
    jQuery("meta[name=keywords]").each(function(){
      all += jQuery(this).attr("content") + "\n";
    });
    jQuery("#tagCloud").html(all);
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top