Question

160

jQuery: howto add a < br/> line break in different strings to separate sentences in 2?

rated 0 times [ 161] [ 1] / answers: 1 / hits: 15489 / 12 Years ago, tue, august 21, 2012, 12:00:00

I have different sentences which all have double quotes in them, like:

<h3 class=myClass>Sentence one ends like this</h3>

<h3 class=myClass>Sentence twoends like that</h3>

<h3 class=myClass>Sentence three another ending</h3>

All on a page. Basically all values are differents, and I'm trying to have a line break just before the double quote so it would be like

<h3 class=myClass>Sentence one <br/>ends like this</h3>

<h3 class=myClass>Sentence two <br/>ends like that</h3>

<h3 class=myClass>Sentence three <br/>another ending</h3>

I'm kind of confused on which jQuery function should be used to be honest, between split, text ? Any help would be appreciated , I need to understand how to do this... Many thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

maxinec

Add To Favorites

Follow

Total Points: 117

Total Questions: 116

Total Answers: 116

Location: Bangladesh

Member since Sat, Jan 23, 2021

3 Years ago

answered 12 Years ago karivictoriab · Accepted Answer

You can match the <h3> elements, then pass a function to html(). That function will be called for each element, will be passed the current element's inner HTML markup, and must return the new markup.

From there, you can use replace() to insert a <br /> element before the first double quote character:

$(h3.myClass).html(function(index, currentHtml) {

    return currentHtml.replace('', '<br />');

});

You can test this solution in this fiddle.