使用css/js将第二个单词修剪为第一个字母

Question

我有以下div.其中的文字将是动态的.

<div class="full_name">Libin Babu</div>

我希望结果如此 Libin B.

那就是我想把第二个名字改为第一个字母,后跟一个"点".有没有CSS或jQuery的帮助？我更喜欢css解决方案.

谢谢.

Answer 1

你可以使用replace/regex:

"Libin Babu".replace(/^(\S+)\s+(\S).*/, '$1 $2.')
// "Libin B."

要替换它,您可以使用:

$('.full_name').each(function (d, div) {
    $(div).text($(div).text().replace(/^(\S+)\s+(\S).*/, '$1 $2.'));
});

正则表达式解释:

/          // Regex start
  ^        // Beggining of the string
  (\S+)    // One or more non-whitespace characters in group $1
  \s+      // One or more whitespace characters
  (\S)     // Exactly one non-whitespace character in group $2
  .*       // Any number of any characters
/          // Regex end