Вставить новый диапазон в существующий

Question

В моем коде есть следующее:

<span class="current">Option 1$ 1,025.64</span>

, и я хотел бы изменить его на jQuery, чтобы он выглядел следующим образом:

<span class="current">Option 1 <span class="unit-price">$ 1,025.64</span></span>

В основном я хочу вставить новый промежуток в существующий.

Кроме того, моя проблема в том, что в моем коде больше class="current". Это выпадающие списки nice-select , но некоторые из них будут иметь цену в своем контенте, который должен быть отформатирован, когда он активен, и показан в выпадающем списке. Поэтому мне нужен этот трюк.

Answer 1

Вы можете сделать что-то подобное:

 $currentText = $('.current').text().split('$');
 $currentText[1] = '<span class="unit-price">$' + $currentText[1] + '</span>';
 $currentText = $currentText.join('');
 $('.current').html($currentText);

Это вернет:

<span class="current">Option 1<span class="unit-price">$ 1,025.64</span></span>