如果h2包含这个单词,则jquery将<br/>添加到h2

时间:2010-10-26 22:34:26

标签: javascript jquery html

如果h2有单词ply,我想添加一个中断。

标题是动态调用的,网站是html所以我不能在任何东西上使用php。

继承人h2

11 / 400-5 4 PLY实验轮胎飞机轮胎

希望它看起来像这样

11 / 400-5 4 PLY
实验轮胎飞机轮胎

所以任何标有PLY字样的标题都会在单词后添加一个中断。

对你们所有人来说可能很容易=)

3 个答案:

答案 0 :(得分:8)

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

$('h2:contains(" PLY ")').html( function(i,htm) {
     return htm.replace(" PLY ", " PLY<br/>");
});

答案 1 :(得分:3)

让我们尝试回答而不是评论:

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

首先我们查找包含文字“PLY”的任何h2,然后替换它,如果它确实不是单词的一部分(例如,-PLY将匹配,_PLY不会,因为相同的内容加上<br />而责备正则表示单词的一部分,而不是单词的一部分。

答案 2 :(得分:0)

尝试:

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