Вставка содержимого после запятой

[Menro]

Привет самый отзывчивый раздел форума!
Вновь иду к Вам за помощью, так как самостоятельно с задачей справиться не получается.

Есть у меня вот такой набор элементов:

<ul>
<li>Содержимое</li>
<li>Содержимое, с запятой</li>
</ul>

Так вот, мне после запятой в <li></li> нужно добавить <br />, что бы получилось так:

<ul>
<li>Содержимое>
<li>Содержимое, <br /> с запятой</li>
</ul>

У меня пока получается вставить только за пределы </li> и то, если делаю точный поиск текста, если указываю запятую не реагирует.

Заранее большое спасибо!

 

[Menro]

На каком языке нужно реализовать, полагаю Javasript ?

Да, прошу прощения. Речь идёт о Javascript, можно с jquery.

 

[borodatych]

$.each($('li'),function(i,e){
    $(e).html( $(e).html().replace(",",",<br/>") );
});

Спойлер: ...

Быстро отреагировали, поэтому из под UPD перенес ответом, что бы не потерять хоть событий

 

[Absolute]

в случае, когда в replace в качестве первого параметра передана строка - будет заменено лишь первое совпадение.
Т.е. <li>Содержимое, с запят, ой</li> превратится в <li>Содержимое,<br> с запят, ой</li>
Надо так: /,/g - тогда заменит все запятые.

Можно еще split/join использовать.

var a = $('ul');
a.html(a.html().split(',').join(',<br>'));

 

[Tsamada]

Вместо replace можно воспользоваться replaceAll

 

[Menro]

Что бы не плодить темы, позвольте ещё один вопрос:

Есть у меня вот такое содержимое:

<div class="country">Испания, Россия</div>

Есть вот такой код:

jQuery(document).ready(function() {
        jQuery('.country:contains("Испания")').before('<span class="icon-county icon-ISPANIYA"></span>');
        jQuery('.country:contains("Россия")').before('<span class="icon-county icon-ROSSIYA"></span>');
        });

Как видите, я ищу слово Испания и Россия и добавляю туда спаны.
Так вот у меня все спаны добавляются в начало дива, а хотел бы добавить один <span> перед словом Испания, а другой соответственно перед словом Россия.
Как это можно сделать?

Заранее спасибо!

 

[Absolute]

Так вот у меня все спаны добавляются в начало дива, а хотел бы добавить один <span> перед словом Испания, а другой соответственно перед словом Россия.
Как это можно сделать?

Такие штуки лучше на стороне сервера делать. На js, наверное как-то так:

$('.country').html(function(i, str){
  var reg = /(\Испания)|(\Россия)/g;
  str = str.replace(reg, function(str, sp, ru){
    if(str == sp){
      return '<span class="icon-county icon-ISPANIYA"></span>' + str;
    }
    if(str == ru){
      return '<span class="icon-county icon-ROSSIYA"></span>' + str;
    }
    });
  return str;
});