CODEWITHSUNDEEP
javascriptjqueryhtml
Alex
Alex

Reputation: 633

jquery add <br> to h2 if h2 contains this word

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 =)

Upvotes: 6

Views: 2224

Answers (3)

Adriano Varoli Piazza
Adriano Varoli Piazza

Reputation: 7429

Let's try answer instead of commenting:

$("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 />.

Upvotes: 3

GeekyJohn
GeekyJohn

Reputation: 1

Try:

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

Upvotes: 0

user113716
user113716

Reputation: 322552

Example: http://jsfiddle.net/DbJ2V/

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

Upvotes: 8

Related Questions