找到ul的第一个li来设置它的类

Question

好的，所以我设法打印了一个完整的ul：

console.log(document.querySelectorAll("ul#treatments-list")[0]);

现在我的问题是到达第一个li给它一个className。

Answer 1

document.querySelectorAll("ul#treatments-list > li:first-child")

试试这个。这是一个类似问题的答案Get first <li> WITHOUT jquery

Answer 2

作为选择器API的替代方案，有很好的DOM 1方法：

var ul = document.getElementById('treatments-list');
var firstLI;
if (ul) {
  firstLI = ul.getElementsByTagName('li')[0];
}

或

  firstLI = ul.children[0]

但孩子需要IE 9或更高版本。

在一行中：

var firstLI = document.getElementById('treatments-list').getElementsByTagName('li')[0];

但是假设文档中有一个ID为 treatments-list 的元素。

修改

以下适用于我。给出：

<ul id="treatments-list">
 <li id="first">first
 <li>not first
 <li>not first
 <li>not first
 <li>not first
</ul>

然后：

var firstLI = document.getElementById（＆＃39; treatments-list＆＃39;）。getElementsByTagName（＆＃39; li＆＃39;）[0];

的console.log（firstLI.textContent）; //首先

其他建议的代码也适用。

Answer 3

请使用此代码

console.log(document.querySelectorAll("ul#treatments-list").find("li:first"))
console.log($( "ul#treatments-list li:first" ));

试试.first（）？

Answer 4

$（＆＃39; #yourUlId li：first＆＃39;）。attr（＆＃39; class＆＃39;，＆＃39; yourClassName＆＃39;）;