获取每个跨度的最后一个单词的第一个字母

时间:2014-03-08 23:22:24

标签: javascript jquery html

我正在尝试在页面的每个范围内获取最后一个单词的第一个字母。然后我将其添加为一个类(用于过滤)。

这是我到目前为止所做的:

$('.each-artist span').each(function() {
    var artistName = $(this).text().toLowerCase(); // get text, convert to lowercase
    var firstLetterSplice = artistName.slice(0, 1); // get first letter
    $(this).parent().parent('.each-artist').addClass(firstLetterSplice); // add as class
});

所以,这相当成功,它需要每个.each-artist span的文本,小写它,拼接它找到第一个字母然后将这个第一个字母添加为一个类。

唯一的问题是我需要得到每个.each-artist span的最后一个单词,而不是第一个单词,然后获取最后一个单词的第一个字母,并将其作为一个类应用。

我有一个jsFiddle设置用于测试: http://jsfiddle.net/rZbwQ/

1 个答案:

答案 0 :(得分:4)

你几乎就在那里,只是按字边界分割然后得到最后一个字

$('.each-artist span').each(function () {
    var artistName = $(this).text().toLowerCase().split(/\b/);
    var firstLetterSplice = artistName.pop().slice(0, 1);
    $(this).closest('.each-artist').addClass(firstLetterSplice);
});

FIDDLE