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>