Найти символ и вставить разрыв строки

Question

Как я могу найти определенный символ и вставить разрыв строки с помощью jQuery?

Персонаж мне нужно найти дефис - и его всегда в названии продукта на сайте электронной коммерции и имеет следующий формат:

Это название - Это цвет

Как я могу найти тире для каждого названия продукта и вставить разрыв строки для названия цвета на отдельной строке?

Точная HTML разметка Я использую выглядит следующим образом:

<a href="#" class="product c-3"> 
    <div class="product-thumb"> 
     <!-- Other code is in here/Removed for brevity --> 
     <div class="product-title"> 
      This is a title - This is the colour 
     </div> 
    </div> 
</a> 

Answer 1

Вы можете использовать replace найти в HTML элемента в - и заменить его -<br />. Попробуйте это:

$('.product-title').html(function(i, v) { 
    return v.replace('-', '-<br />'); 
}); 

Вы можете заменить просто '<br />', если вы хотите, чтобы полностью удалить дефис.

Example fiddle

Answer 2

Try:

$('.product-title').each(function() { 
    var self = $(this); 
    self.html(self.html().replace(/-/, '-<br/>')); 
});