следующий текст обернуть и добавить текст

Question

Я не знаю, как добавить текст в сильное и добавить «x».

<span>something</span> 5 
<span>something</span> 4 

И я хочу:

<br /><span>something</span> <strong>5x</strong> 
<br /><span>something</span> <strong>4x</strong> 

Мое решение:

$("span").each(function() { 
    $(this).before("<br />"); 
    $(this.nextSibling).wrapAll("<strong></strong>").after("x");  
}); 

Но выход не является совершенным:

<br /><span>something</span> <strnong>5 x</strong> 
<br /><span>something</span> <strnong>4 x</strong> 

Как удалить пробел между 5 и х ?

Answer 1

Попробуйте

$("span").each(function() { 
    $(this).before("<br />"); 
    $(this.nextSibling).wrapAll("<strong></strong>").parent().text(function (i, t) { 
     return t.replace(/\s+$/, '') + 'x' 
    }); 
}); 

Демо: Fiddle

Answer 2

Вы можете выбрать каждый элемент strong, используя $('strong').each(), а затем использовать $(this).replace(/ /g,'') для разграничения пробелов.