Replace only replacing the first

Question

I am using the following code to allow line breaks in the JQuery UI tooltip function.

$(function() {
    $( document ).tooltip();

    $('.linebreak').tooltip({ 
        content: function(callback) { 
            callback($(this).prop('title').replace('|', '<br />')); 
        }
    });
});

The problem is that it only replaces the | to <br /> on the first occurrence and then just leaves the | in place for the rest.

Is there a way to replace all of them, not just the first?

you can try replace(/\|/g, '
') – BuDen Jan 24 '14 at 11:35 — BuDen, Jan 24 '14 at 11:35

score 4 · Accepted Answer · answered Jan 24 '14 at 11:33

4

To perform a global replacement you can use g:

Try this

callback($(this).prop('title').replace(/\|/g, '<br />'));

More infor is HERE.

answered Jan 24 '14 at 11:33

nrsharma

2,532
3
20
36

I will do as soon as it lets me. – MRC Jan 24 '14 at 11:41

score 2 · Answer 2 · edited May 23 '17 at 11:52

2

replace(/\|/g, '<br />')

Have a look at this previous SO answer: What does the regular expression /_/g mean?

See this fiddle: http://jsfiddle.net/U3VxQ/

edited May 23 '17 at 11:52

Community

1
1

answered Jan 24 '14 at 11:35

Steve Claridge

10,650
8
33
35

score 1 · Answer 3 · answered Jan 24 '14 at 11:34

1

use regular expresion Try this

.replace(new RegExp('|', 'g'), '<br/>')

answered Jan 24 '14 at 11:34

Saurabh

1,007
2
10
24

Replace only replacing the first

3 Answers3

Linked