Как заменить более одного раза?

Question

Это мой код:

$("h1.intro:contains('|')").each(function() {
    $(this).html($(this).html().replace('|','</span><br /><span>')) 
});

Это работает только один раз, но оно должно работать для всех этих "|" ...

есть идеи?

Answer 1

Добавить /g модификатор:

$("h1.intro:contains('|')").each(function() {
    $(this).html($(this).html().replace(/\|/g, '</span><br /><span>'));
});

Подробнее:

Модификатор g используется для выполнения глобального соответствия (найти все соответствиявместо остановки после первого матча).

• http://www.w3schools.com/jsref/jsref_regexp_g.asp

Answer 2

Если вы используете jQuery 1.4, вы можете сделать это более красиво, используя подпись .html(function)):

$("h1.intro:contains('|')").each(function() {
    $(this).html(function(idx, oldContent) {
        return oldContent.replace(/\|/g, '</span><br /><span>');
    });
});

Это означает, что вам не нужно создавать второй экземпляр jQuery и он должен работать лучше.

Answer 3

Здравствуйте, добавьте модификатор к своему регулярному выражению, добавив "/ g" после "|"

$("h1.intro:contains('|')").each(function() {
    $(this).html($(this).html().replace("|/g",'</span><br /><span>')) 
});