Jquery：为每个类添加一行

Question

我有班级dot并且有类似的HTML代码：

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

我想自动添加每个包含dot个附加文本的元素。例如，添加它将是

的•代码

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

我想应该用jquery来完成，所以任何帮助？

感谢。

Answer 1

尝试使用prepend方法：

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

Answer 2

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

Answer 3

如何使用CSS代替javascript？ http://jsfiddle.net/SEvkJ/

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

---

编辑：如果您想要一个空格，请执行以下操作：http://jsfiddle.net/SEvkJ/1/

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