Question

我搜索了我为此特定任务找到的在线资源，但是我遇到了一些我无法通过它们获得帮助的东西。我正试图找到一种方法来为数组中的第一个匹配字母添加样式并丢弃剩余的匹配字母。例如，我有一个名为“disabledDouble”的搜索字符串。我在字符串上使用split（）方法将匹配的元素与不匹配的元素分开：

search: function(){
 var search = "d";
 var string = "disabledDouble";
 var regex = new RegExp("(" + search + ")", "gi");
 var segments = string.split(regex); //o/p :["d", "isable", "d","D","ouble"]
 return (
      //styled element <span>
    )

}

现在我想将样式添加到数组中的第一个'd'（不用担心第二个或第三个'd'）并加入剩余的字符串，使o / p变为：

d isabledDouble

同样，因为字符串是动态创建的，所以我的值如下：

取值 howStability

一个 ccessValues

在上述所有情况下，我只想将样式添加到第一个匹配的值。任何想法???

Answer 1

您可以使用替换

＆＃13;

var search = "d";
var string = "disabledDouble"
var regex = new RegExp(search, "i");
console.log(string.replace(regex, function(a) {return "<span>" + a + "</span>";}));

＆＃13;

Answer 2

假设您只想更改第一个字符。

var string = 'abracadabra';

console.log(string.replace(/./, '<strong>$&</strong>'));

Javascript-将样式添加到数组中匹配的第一个值并丢弃其他值

2 个答案: