javascript - 如何基于数组显示和设置列表样式

Question

我正在尝试显示一个基于数组的 html 列表，如下所示:

var fruits = ["Banana", "Orange", "Apple", "Mango"];

我能做到:

var arrayLength = fruits.length;
for (var i = 0; i < arrayLength; i++) {
    console.log(fruits[i]);
}

但是有没有一种方法可以检查第一个元素并以此为基础我可以像这样向它添加特定类吗？

<li class="className">Banana</li>
<li>Orange</li>
<li>Apple</li>
<li>Mango</li>

Answer 1

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var html = '<ul>';
for (var i = 0; i < fruits.length; i++) {
  html += '<li' + (fruits[i] === "Banana" ? ' class="hello"' : '') + '>' + fruits[i] + '</li>';
}
html += '</ul>';

console.log(html);
document.write(html)

.hello {
  font-weight: bold;
}