Поместить вначале тег
 

Добрый день, и с Новым Годом!

У меня есть контейнер с классом «games» с содержимым (примерным):

<div class="games">
	<span>...</span>
	<div>...</div>

	<strong>...</strong>
	<span>...</span>

	<em>...</em>

</div>

Необходимо вначале каждой строки добавить тег <wbr>, в том числе и перед пустой строкой. Чтобы получилось так:

<div class="games">
<wbr>	<span>...</span>
<wbr>	<div>...</div>
<wbr>
<wbr>	<strong>...</strong>
<wbr>	<span>...</span>
<wbr>
<wbr>	<em>...</em>
<wbr>
</div>

Я пробовал так:

$( "code" ).each(function() {
	var lines = this.innerHTML.split("\n");
	lines = $.map(lines, function(val) {
	return "<wbr>" + (val || "") + "" + "\n"
	});
	$(this).html(lines);
});

но, тогда тег <wbr> добавляется почему-то дважды...

может не дважды, а браузер показывает и закрывающий тег?

Разве это не одиночный тег?

Просто WordPress некорректно обрабатывает этот скрипт. Как написать проще добавление тега в начале строки? Может быть с помощью регулярки?

snovapavel,
для тега <wbr> закрывающий необязателен, но браузеры добавляют

а как же строка 01? почему пропущена?