Jquery 将文本插入到<；span>；内容前的标签

我有一个关于jQuery的问题。我想在标记中的内容前插入一个单词。原因是，我使用的是社交图标，我想在实际跨度之前插入两个单词，以改变变化。以下是我使用的字体：

如果我能用CSS来做这件事，我会喜欢它的——不管它是什么。我试过使用：在提醒你之前

这是它看起来的样子。。。对于youtube图标，我会使用：

<span class="social">youtube</span>

youtube

字体读作“youtube”，并使其成为youtube符号。如果我想要圆形图标，我会使用：

<span class="social">roundedyoutube</span>

roundedyoutube

我正在为主题制作选项，我希望社交图标样式为“常规、圆形、圆形”，选择后，在

标记中的

youtube

之前插入“圆形”或“圆形”。希望我说的有道理

这就是设置

我有HTML代码

youtube

我让JS代码将社交span导入DIV:

$（'span.socialrea'）。appendTo（'socialcontainer'）

我想在html代码中的

youtube

之前插入一个单词

我已尝试使用以下部分：

$（'span.socialrea'）。添加（'rounded'）
和
$（'span.socialrea'）.text（'rounded'）
和
$（'span.socialrea'）。在（'rounded'）之前
后者似乎效果最好，但将其添加到跨度之外，而不是内部

希望这有意义！ 简短版本：在span标记的内容之前添加一个单词。

就是你要找的那个。 或带有附录：

$(function() {
  $('span.socialarea').prepend('rounded')
    .appendTo("#socialcontainer");
});

但是，它将在我用来测试的Chrome浏览器中创建两个单独的字符串，因此您可能需要使用它

对于多个，您需要

每个


您可以使用jQuery或将您的内容添加到span的前面吗？比如：

$('span.socialarea').prepend($("<p>Some new tag</p>"));

$（'span.socialrea'）。前置（$（“一些新标签”
”）；

或：

$（“一些新标签”
”）.prependTo（$（'span.socialrea'）；
这就是代码的外观吗$（document）.ready（函数（）{$（'span.socialrea'））.appendTo（'socialcontainer'）；$（'rounded'）.prependTo（$（'span.socialrea'））；}）；看到我的demoSweet更新了吗。然而，一个问题是它不能将两个文本结合起来。它们出现在彼此之上，而不是一个单词。有什么办法可以解决这个问题吗？我的意思是，字体是特别的：如果有一种方法可以让它以这种方式阅读，那将是一件了不起的事情。用于阅读“youtube”并将其放入图标的CSS是：
webkit文本呈现：优化易读性-moz文本呈现：优化易读性-ms文本呈现：优化易读性-o-文本呈现：优化易读性；文本呈现：优化易读性-webkit字体平滑：抗锯齿-moz字体平滑：抗锯齿-ms字体平滑：抗锯齿-o字型平滑：抗锯齿；字体平滑：抗锯齿谢谢，还有一个问题-现在正在复制，下面是我使用的代码：youtube aboutme和一张图片：
$(function() {
  var text = $('span.socialarea').text();
  $('span.socialarea').text('rounded'+text)
    .appendTo("#socialcontainer");
});

$(function() {
  $('span.socialarea').each(function() {
    var text = $(this).text();  
    $(this).text('circle'+text).appendTo("#socialcontainer");
  });
});

$('span.socialarea').prepend($("<p>Some new tag</p>"));

$("<p>Some new tag</p>").prependTo($('span.socialarea'));