Добрый день, и с Новым Годом!
У меня есть контейнер с классом «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> добавляется почему-то дважды...