如何使用jQuery更改特定内容?

时间:2016-04-20 12:17:30

标签: javascript jquery html

我想为我的博客添加情感。当我在帖子上写“:)”时,它应该自动变成图像。但我不知道该怎么做。

真正的问题是,我不知道如何识别所有“:)”情绪。如果我这样做,我可以做其余的事情。那么,有人可以帮助我吗?

5 个答案:

答案 0 :(得分:1)

尝试查看:contains()选择器。

$(".article:containts(':)')")

之后,您可以将文本存储在变量中,对其进行操作(查找和替换),将文本替换为图像,然后使用新操作的html覆盖元素的html。

https://api.jquery.com/contains-selector/

答案 1 :(得分:0)

试试google:https://os.alfajango.com/css-emoticons/

从未使用它,但看起来不错。

答案 2 :(得分:0)

我搜索了你的查询,发现了一些有用的库。请在下面找到链接:

http://hassankhan.me/emojify.js/

https://www.npmjs.com/package/emoticons-js

答案 3 :(得分:0)

您可以使用jquery选择器选择所有包含':)'的元素,然后尝试剪切它并用一些情感图标替换它。

$('p:contains(\':)\')')

答案 4 :(得分:0)

假设这段代码:

<div id="post_1" class="post">
   Nice to meet you :) Bye bye!
</div>

您可以使用.indexOf().replace()合并来替换表情符号。

var contentReplaced = $("#post_1").html().toString().replace(":)", "<img src='path_to_image' />");
$("#post_1").html(contentReplaced);