2012-03-14 30 views
0

我需要找到字大寫的<p> </p>之間寫了超過4個字符,並將它們添加樣式(例如,斜體)。jQuery的大寫單詞定位

我知道的功能isUpperCase(),但不知道如何運用它來檢查,如果字符串是超過4個字符。

function isUpperCase(string) { 
    (?) 
} 

謝謝。

+0

什麼你試過嗎?我們能否看到預期的示例輸入和輸出? – gideon 2012-03-14 04:23:40

+0

會像..輸入:「你好世界」,輸出:「你好_world_」。找不到關於此主題的任何內容,只能如何將段落的首字母大寫。 – 2012-03-14 04:27:56

+0

您是否嘗試過使用正則表達式來查找所有匹配項? – PFY 2012-03-14 04:31:16

回答

4
var ps = [].slice.call(document.getElementsByTagName("p")) 

ps.forEach(function (p) { 
    p.textContent.split(" ").forEach(function (word) { 
    if (word.length > 4 && word.toUpperCase() === word) { 
     // 4character UPPERCASE word 
    } 
    }) 
}) 
+0

工作就像一個魅力循環。非常感謝Raynos。 – 2012-03-14 04:32:51

+1

Ooops - * split *是* String.prototype *的一種方法,而不是* Array *和* forEach *沒有在許多瀏覽器中定義。 – RobG 2012-03-14 04:35:40

+0

@RobG由於某種原因,我仍然有5個upvotes:\ – Raynos 2012-03-14 04:50:30

1

你可以使用正則表達式替換任何大寫文字長度超過四個字符的innerHTML與文字由你想插入標記包圍每<p>元素:

$('p').each(function(){ 
    var pattern = /([-A-Z0-9]{4,})/g; 
    var before = '<span style="color: red;">'; 
    var after = '</span>'; 
    $(this).html($(this).html().replace(pattern, before+"$1"+after)); 
}); 

http://jsfiddle.net/eHPVg/

+0

這個正則表達式還允許數字/字母和帶連字符的單詞的組合。只有用'[A-Z]'替換'[-A-Z0-9]',才能將其縮減爲大寫字母字符。 – Aaron 2012-03-14 05:11:27

1

是啊,像羅布說,我不認爲Raynos的答案將工作的跨瀏覽器,它也不會讓你修改段落中的比賽。

這裏有一個稍作修改的版本:

var i = 0, ps = document.getElementsByTagName("p"); 

for(len = ps.length; i<len; i++) 
{ 
    var p = ps[i]; 
    p.innerHTML = p.innerHTML.replace(/\b([A-Z]{4,})\b/g, "<span style='font-style:italic'>$1</span>"; 
} 

您可以更改跨度碼是要添加任何風格。只要確保保留$ 1,即引用原始的大寫單詞。

+0

(這與Aaron非常相似,只是它不需要jQuery,並且不會匹配圍繞它們的小寫字母的大寫字母「aCAPSa」) – Ethan 2012-03-14 05:08:41