查找字符并插入换行符

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 />' 。

示例小提琴

更新：现在可以通过使用箭头函数使其更加简洁：

$('.product-title').html((i, v) => v.replace('-', '-<br />'));

Answer 2

尝试：

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