如何使用jQuery将第一个和第二个单词用两个斜体字包装

这是我的代码：

jQuery('.n2-ss-item-content').each(function(){
    var me = jQuery(this);
    me.html(me.html().replace(/^(\w+)/, '<i>$1</i>'));
});

jQuery（'.n2 ss item content'）。每个（函数（）{
var me=jQuery（this）；
html（me.html（）.replace（/^（\w+/，“$1”）；
});

HTML输出显示以下内容：

<i>Majesty</i> Purple | 24” w x 20” h | SOLD

高贵紫色| 24英寸宽x 20英寸高|出售

假设是这样的：

<i>Majesty Purple</i> | 24” w x 20” h | SOLD

高贵紫色| 24英寸宽x 20英寸高|出售

jQuery（'.n2-ss-1item1'）。每个（函数（）{
var me=jQuery（this）；
html（me.html（）；
});

24英寸宽x 20英寸高的庄严紫色已售出
Belighty Blue | 24”w x 20”h |已售出
您需要在正则表达式中包含空格以及单词字符，或者使用否定字符类来避免
，比如
^（[^ 124]）
。除此之外，还可以与回调一起使用（第二个参数是旧的HTML内容），该回调使用返回值在内部迭代和更新内容

jQuery('.n2-ss-item-content').html(function(_, html){
    return html.replace(/^([\w ]+)/, '<i>$1</i>');
});

jQuery（'.n2 ss item content'）.html（函数（q，html）{
返回html.replace（/^（[\w]+）/，“$1”）；
});

或

jQuery（'.n2 ss item content'）.html（函数（q，html）{
返回html.replace（/^（[^ |]+）/，“$1”）；
});


jQuery（'.n2 ss item content'）.html（函数（q，html）{
返回html.replace（/^（[\w]+）/，“$1”）；
});

紫红色| 24英寸宽x 20英寸高|已售出
蓝色陛下| 24英寸宽x 20英寸高|已售出
首先
。每个（）
将无法与
id正常工作。您需要使用
类
。否则，在每次迭代中，它只会在第一次迭代中做一些事情。我已经将它更改为classWhat type您从上面的代码中得到的结果是什么？在
|
之前只取整个短语不是更好吗？你不必担心字数，因为如果你的第一个短语是3个单词还是1个单词呢？谢谢@live toDie@vince我更改了代码，因为在第一次
|
之前可能存在3个或4个或更多单词。你现在可以查一下。更准确。很高兴帮助你：）：）
jQuery('.n2-ss-item-content').html(function(_, html){
    return html.replace(/^([^|]+)/, '<i>$1</i>');
});