2016-04-20 40 views
0

我想添加情緒到我的博客。當我在帖子上寫「:)」時,它應該自動變成圖像。但我不知道該怎麼做。如何使用jQuery更改特定內容?

真正的問題是,我不知道如何識別所有「:)」情緒。如果我這樣做,我可以做其餘的事情。那麼,任何人都可以幫助我?

+0

我想你是指**表情符號**。 – bwegs

+0

把裸體女士放在那裏給你的網站添加一些情緒 –

+1

你嘗試過的任何代碼和失敗?谷歌說什麼?這是怎麼說的?谷歌爲'JavaScript表情符號檢測',你甚至可以找到很多答案在這裏SO –

回答

1

嘗試檢查出:包括()選擇。

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

之後,你可以存儲在一個變量的文本,操縱它(找到&更換),更換圖像的文字,並用新的操縱HTML覆蓋元素的HTML。

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

+1

這是我正在尋找實際。謝謝! –

0

您可以使用jQuery選擇來選擇這些conatining所有元素「:)」,然後試圖削減它,並與一些情感圖標替換它。

$('p:contains(\':)\')') 
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);