2013-01-19 74 views
-1

我運行的wordpress網站,其中有幾個詞總是應該在italic(由於植物原因)。html標記或類與特定的單詞與JavaScript或Jquery

我試圖找到一種方法來自動修改這些詞,以便我不需要手動執行。

是否有JSJQuery可以做的工作,發現在頁面的文本和標題的那些話和他們周圍包裹標籤<em>class標籤?

我在帖子中閱讀我需要解析html代碼,以確保我只強調關鍵字而不是隱形文字或代碼(如圖像或實際標記的替代文字屬性)。

任何人都可以請幫忙嗎?

回答

0

您可以使用jquery:contains()找到標籤包含特定單詞

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 

    <div>John Resig</div> 

    <div>George Martin</div> 
    <div>Malcom John Sinclair</div> 
    <div>J. Ohn</div> 

<script> 

$("div:contains('John')").css("text-decoration", "underline"); 

</script> 

</body> 
</html> 

如果您發佈的代碼,我可以幫你多,看到這個職位Find text string using jQuery?

3
function change() { 
var words = new Array("Just", "Dan", "Man", "Dan"); 
var html = document.body.innerHTML; 
for(var i = 0; i < words.length; i++) { 
    var reg = new RegExp(words[i], 'g'); 
    var html = html.replace(reg, "<i>"+words[i]+"</i>"); 
} 
    document.body.innerHTML = html; 
} 
change(); 

定義數組和它將遍歷每個單詞並將取代每個特定單詞的出現。

+0

我試過你的方法,但我似乎無法讓它工作。我錯過了什麼嗎?在我發佈的例子下面。再次感謝寶貴的幫助! –

+0

' 快速測試

測試

睡蓮測試

一些文字和睡蓮更多...

' –

+1

代碼工作,因爲它應該,但它在en d的身體。在有任何文本可以工作之前,您正在調用它。 – kennebec