javascript - 获取 li 中每个单词的第一个字母

Question

是否可以获取所有li的首字母并显示出来或者替换li的值呢？我在网上找到了一个示例 js，它获取每个单词的所有首字母，但我希望它替换它并获取我的 li 的值。

HTML:

<ul>
    <li>Alpha</li>
    <li>Beta</li>
    <li>Charlie</li>
    <li>Charlie Delta Omega Lima Egg</li>
</ul>

JS:

var text = '';
var arr = "Java Script Object Notation".split(' ');
for(i=0;i<arr.length;i++) {
    text += arr[i].substr(0,1)
}    
alert(text);

输出:

    <ul>
        <li>A</li>
        <li>B</li>
        <li>C</li>
<li>CHOLE</li>
    </ul>

Answer 1

使用这个:

$(function () {
  $("li").html(function (i, v) {
    return v.trim().split(" ").map(function (obj) {
      return obj.substr(0, 1);
    }).join("");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul>
  <li>Alpha Beta</li>
  <li>Beta</li>
  <li>Charlie</li>
</ul>