javascript - jquery add <br> to h2 if h2 contains this word - Stack Overflow

admin管理员组

文章数量:1297057

if the h2 has the word ply i want to add a break.

the titles are dynamically called, the site is html so i can't use php on anything.

heres the h2

11/400-5 4 PLY EXPERIMENTAL TIRE AIRCRAFT TIRE

want it to look like this

11/400-5 4 PLY
EXPERIMENTAL TIRE AIRCRAFT TIRE

so any title that has the word PLY in it will add a break right after the word.

probably pretty easy for all yous out there =)

if the h2 has the word ply i want to add a break.

the titles are dynamically called, the site is html so i can't use php on anything.

heres the h2

11/400-5 4 PLY EXPERIMENTAL TIRE AIRCRAFT TIRE

want it to look like this

11/400-5 4 PLY
EXPERIMENTAL TIRE AIRCRAFT TIRE

so any title that has the word PLY in it will add a break right after the word.

probably pretty easy for all yous out there =)

• javascript
• jquery
• html

Share Improve this question Follow asked Oct 26, 2010 at 22:34 AlexAlex 63322 gold badges88 silver badges1313 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

Example: http://jsfiddle/DbJ2V/

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

Let's try answer instead of menting:

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

First we look for any h2 with the text 'PLY', then replace it, if it is indeed not part of a word (for example, -PLY would match, _PLY wouldn't, blame regexes for what is part of a word and what is not), with the same content plus a <br />.

Try:

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

本文标签： javascriptjquery add ltbrgt to h2 if h2 contains this wordStack Overflow