将类添加到没有jQuery的第一个孩子ul

Question

此行，但使用纯JavaScript：

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

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");

---

和，如果您想使用简单的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");}

Answer 2

向您的ul添加一个id属性，然后：

var list = document.getElementById("myList").firstChild;
list.classList.add("mystyle");