Javascript标记字母数组中的第一个字母

Question

我有一个名称按字母顺序排列的数组。 安迪 阿尔伯特 安德烈 伯特 伯恩哈德 丹尼尔

现在我需要来标记 丹尼尔

匹配AZ 安迪 阿尔伯特 安德烈 伯特 伯纳德的头名有任何想法吗？

<li class="first">Andy</li> 
<li class="second">Andrea</li> 
<li class="second">Albert</li> 
<li class="first">Bernard</li> 
<li class="second">Bert</li> 

这是一个大阵列。目前全部有class =“second”。 我想只有第一个名字与所有A名称中的“A”匹配才能更改为class =“first”。

然后，下一个名称与所有B名称中的“B”匹配到class =“first”，依此类推到数组末尾。

Answer 1

querySelectorAll('li')，Array#forEach和Array#includes与元素

 
var li=document.querySelectorAll('li') 
 
var k = []; 
 
li.forEach(function(a, b) { 
 
var ltr = a.innerHTML.trim().slice(0, 1); 
 
    if (ltr.match(/[A-Za-z]/)) { 
 
    if (!k.includes(ltr)) { 
 
     k.push(ltr); 
 
     a.classList.add('first') 
 
    } 
 
    } 
 
})

.first{ 
 
color:red; 
 
}

<li class="second">Andy</li> 
 
<li class="second">Andrea</li> 
 
<li class="second">Albert</li> 
 
<li class="second">Bernard</li> 
 
<li class="second">Bert</li>