Jquery: ajouter une ligne à chaque classe

Question

je classe dot et avoir le code html comme ça:

<span class="dot">Text1</span> 
<span class="dot">Text2</span> 
<span class="dot">Text3</span> 

Je veux ajouter à chaque élément qui a la classe texte complémentaire dot automatiquement. Par exemple, ajouter du code • qu'il serait

<span class="dot">&#8226; Text1</span> 
<span class="dot">&#8226; Text2</span> 
<span class="dot">&#8226; Text3</span> 

J'imagine que ce doit être fait avec jquery, de sorte que toute aide?

Merci.

Answer 1

Comment l'utilisation de CSS au lieu de javascript? http://jsfiddle.net/SEvkJ/

​.dot:before { 
    content: '\2022'; 
} 

---

EDIT: Si vous voulez un espace là-dedans, faites ceci: http://jsfiddle.net/SEvkJ/1/

.dot:before { 
    content: '\2022\00A0'; 
} 

Answer 2

Essayez d'utiliser la méthode prepend:

jQuery(".dot").prepend("•"); 

Answer 3

$('.dot').text(function(index, old_text){return '\u2022 ' + old_text;});