2010-10-26 28 views
5

如果h2有單詞ply我想添加一箇中斷。jquery加<br>到h2如果h2包含這個詞

標題是動態調用的,網站是html,所以我不能在任何事情上使用php。

繼承人的H2

11/400-5 4鋪層試驗輪胎飛機輪胎

希望它看起來像這樣

11/400-5 4鋪層
實驗輪胎飛機輪胎

所以任何擁有單詞PLY的標題都會在單詞之後添加一箇中斷。

可能很容易對所有你要跟那裏=)

回答

7

例子:http://jsfiddle.net/DbJ2V/

​​
+0

什麼,如果你有標籤,而不是空格,在兩邊? – 2010-10-26 22:58:04

+0

我可以調整內容,我可以看到它是如何工作的。感謝這個偉大的作品 – Alex 2010-10-27 20:23:42

2

讓我們嘗試回答,而不是評論:

$("h2:contains('PLY')").each(function() { 
    $(this).html($(this).html().replace(/(\WPLY\W)/g, "$1<br />")); 
}); 

首先我們來看看任何H2與文本'PLY',然後替換它,如果它確實不是一個單詞的一部分(例如,-PLY會匹配,_PLY不會,歸咎於正則表達式的一部分和不是的正則表達式),具有相同的內容加上<br />

+0

'\ b'會很好,而不是'\ W',這取決於選擇。在這種情況下,我真的沒有考慮過哪種方法是最好的(實際上,簡單的'\ s'或者只是空格就足夠了)。 – 2010-10-26 23:02:19

0

嘗試:

$(document).ready(function() { 
    $("#content h2:contains(' PLY ')").each(function(k,v) { 
     t = $(v).text(); 
     $(v).html(t.replace(" PLY ", " PLY<br/>")); 
    }); 
});