Javascript 使用jquery编辑没有选择器的文本的css属性

我正在尝试将表情符号应用于页面上的用户评论。 示例：所有应用的css属性都将替换为。 有没有一种方法可以使用javascript或jquery来实现这一点

$(":)").css("background-image", "url('smile.gif')"); 

---

我的问题是选择器部分，因为我不想将css应用于整个div。

您需要使用一些html编写html文本“：”，然后您可以向其中添加css/jq。请参阅下面的javascript代码，并尝试将css添加到smiley类

---

document.body.innerHTML=document.body.innerHTML.replace'：'

以下是一种可能性。我假设你至少可以从网页的其余部分辨别出评论部分

$("#commentsSection").find(":contains(':)')").each(function() {
  $(this).html($(this).html().replace(
    ':)',
    '<span style="background-image: url(\'smile.gif\')" />'
  ));
});

/*仅用于片段中的视觉反馈*/ 注释区段跨度{ 显示：内联块； 宽度：10px； 高度：10px； 背景色：红色； } 不要更换这个！： 评论： 你好 你好 又是你好！： 替换表情符号 简单的例子：

<input type="text" id="text"/>
<div id="smiley"></div>
<script>
$(function() {
     var text=$('#text').val();

     if(text ==":)") {
       $("#smiley").append("<img src="smile.gif"/>);
     }
})
</script>

---

$：不是有效的选择器。您可能希望无法将css应用于文本节点的一部分。。。你需要有一个元素来实现这一点…因此你需要用一个元素（如span）来包装表情符号，然后设置它的样式。你还需要检查：是否未连接到其他文本。你可能想查找文本ex text：它不是表情符号，但是textRegexp的一部分可能会有所帮助。我感谢你的回答，但是文本是用户在网页上的评论，在将输入处理到数据库之前，无法先包装内容。然后，您应该在用户键入评论的位置编写选择器，在提交或模糊时可以启动此函数，而不是document.body.innerHTML。请告诉我显示用户评论的元素类型是span还是div？我感谢您的贡献。我通过创建一个forcesmilediv_id函数，找到div_id中的所有表情符号，并替换为正确的css属性。但是我遇到的问题是我将用来启动函数的事件。这是因为，当用户发表评论并提交时，它使用ajax将评论发送到服务器，并将其作为输出包装在div id=newestpost中返回。加载ajax后，我将使用哪个事件自动执行forcesmilenewestpost。您可以控制ajax调用吗？您可以使用它的回调以独占方式对返回的div进行操作。否则，我建议使用以下解决方案：EDIT:看起来它已弃用