jQuery给定字符的第一个和最后一个字符

Question

我试图能够选择span元素中给定字符的第一个和最后一个实例。

例如

<span class="foo">hello (this is hello)</span> 

我希望能够找到这个范围内，在第一架和最后一个托架，并附加类里面，这样的输出可能是：

<span class="foo">hello <span class="bar">(this is hello)</span></span> 

这可能吗？我在jQuery中看过first，但它似乎只适用于选择元素而不是字符。

Answer 1

您可以使用正则表达式：

$('.foo').html(function(_, html){ 
    return html.replace(/\((.*)\)/, '<span class="bar">($1)</span>') 
}); 

Demonstration如果要处理超过一个bracked组（点击“与JS运行）

，使用

$('.foo').html(function(_, html){ 
    return html.replace(/\(([^\)]*)\)/g, '<span class="bar">($1)</span>') 
}); 

Answer 2

的Javascript为此提供了本地方法，字符串有一个indexOf()方法，该方法返回给定字符串或字符的第一个实例的位置以及一个lastIndexOf()方法返回最后一个实例。例如：

var firstE = "Hello, Ben!".indexOf('e'); // firstE = 1 
var lastE = "Hello, Ben!".lastIndexOf('e'); //lastE = 8