2010-10-26 61 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/>")); 
    }); 
});