Обвернуть текст в тег SPAN после каждого двоеточия. Как сделать с помощью JS или jQuery?
Есть список стран внутри тега div.
< div class = " info " >
Страна: Россия< br >
Язык: Русский< br >
Население: 145 млн
< / div >...
Мне нужно завернуть текст в тег после каждого двоеточия...
Должно получиться вот так:
< div class = " info " >
Страна: < span > Россия < / span >< br >
Язык: < span > Русский < / span >< br >
Население: < span > 145 млн < / span >
< / div >...
...
Подскажите как?
Например, так: https://jsfiddle.net/28tc6b45/
На чистом JS, используя обход нод:
1. если ту часть выражения, которая после двоеточия, требуется "рекурсивно" вкладывать в часть выражения до двоеточия, то есть name: me: 100 превратится в name: (me: (100)), то решение такое: https://jsfiddle.net/p78f5xma/ (тогда вложенные двоеточия также будут красными, ведь они внутри спанов)
2. если эти части выражения нужно обрабатывать всегда независимо от того, что находится до них, то так: https://jsfiddle.net/8Ljs3oqe/