javascript - 在没有 jQuery 的情况下将类添加到第一个孩子 ul

Question

这一行但在纯javascript中：

$('.container ul:first-child').addClass('new');

标签： javascript

Answer 1

你可以试试这个：

document.querySelectorAll(".container ul:nth-child(1)");

现在添加类：

document.querySelectorAll(".container ul:nth-child(1)").forEach(function(c){
   c.classList.add("my-class");
});

---

如果我使用document.querySelectorAll的是因为文档可能包含多个.container类，否则您可以使用其他版本querySelector：

document.querySelector(".container ul:nth-child(1)").classList.add("my-class");

---

如果你想使用 simple而for不是forEach：

var All = document.querySelectorAll(".container ul:nth-child(1)");
for(var c in All) if(All.hasOwnProperty(c)) All[c].classList.add("my-class");}