Question

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

现在我需要标记与A-Z匹配的名字的安迪阿尔伯特安德里亚的伯特伯纳德的丹尼尔

有什么想法吗？

<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-names匹配“A”的第一个名称改为class =“first”。

然后是从所有B-names到class =“first”匹配“B”的下一个名字，依此类推到数组的末尾。

Answer 1

与querySelectorAll('li')，Array#forEach和Array#includes一起使用，使用元素

＆＃13;

  
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')
    }
  }
})

＆＃13;

.first{
color:red;
}

＆＃13;

<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>

＆＃13;

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

1 个答案: