Le texte de tous les éléments de la même classe

En faire une carte des états-unis qui affiche les emplacements de magasins à l'aide de cette carte plug in, je l'ai surtout cloué vers le bas, mais veulent une meilleure façon d'exécuter l'une d'une fonction. J'ai une liste de magasins en dessous de la carte et souhaitez regrouper tous les magasins dans le même état et afficher les noms de magasins dans une barre latérale lorsque vous passez la souris sur l'état. J'ai le décollage et l'affichage des données de travail mais qui veulent améliorer. Au lieu de simplement écrire une fonction pour chaque etat et en indiquant explicitement qu'à l'affichage, je voudrais obtenir le premier p.cn de chaque div qui a la même classe.

<div class="texas">
    <p class="cn">Store 1</p>
</div>

<div class="texas">
    <p class="cn">Store 2</p>
</div>

mouseoverState: {
    var texas = $('.texas > p.cn').text();
    $('#mysidebarID').html(texas);
}

Ce n'est qu'à afficher le premier magasin "magasin 1" je n'arrive pas à saisir tous les p.cn de chaque div.texas et les afficher avec un <br> après chacun d'eux.

Comment puis-je obtenir le code html à partir de chaque élément avec la même classe et de les combiner en une chaîne de caractères à chaque nœud séparés par un <br>?

merci - permettez-moi de savoir si j'ai besoin de préciser quoi que ce soit.

OriginalL'auteur Dirty Bird Design | 2012-08-20