Javascript 查找字符并插入换行符

如何使用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>

---

您可以使用

replace

在元素的HTML中查找

-

，并将其替换为

-

。试试这个：

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

$（'.product title'）.html（函数（i，v）{
返回v.replace（'-'，'-
'）；
});

如果要完全删除连字符，可以简单地用

'
'

替换

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

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

$（'.product title'）.html（（i，v）=>v.replace（'-'，'-
'）；

您可以使用

replace

在元素的HTML中查找

-

，并将其替换为

-

。试试这个：

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

$（'.product title'）.html（函数（i，v）{
返回v.replace（'-'，'-
'）；
});

如果要完全删除连字符，可以简单地用

'
'

替换

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

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

$（'.product title'）.html（（i，v）=>v.replace（'-'，'-
'）；

试试：

$（'.product title'）。每个（函数（）{
var self=$（这是）；
html（self.html（）.replace（/-/，'-
'）；
});

试试：

$（'.product title'）。每个（函数（）{
var self=$（这是）；
html（self.html（）.replace（/-/，'-
'）；
});

^1

你搞定了，兄弟！函数（i，v）中的“i”是什么？@Alex迭代中元素的索引：

^1

你搞定了，兄弟！函数（i，v）中的“i”是什么？迭代中元素的索引：