javascript - JQuery: "$("#myDIV li").eq(1)"的非 JQuery 等价物是什么？

Question

我正在尝试解除对 JQuery 的依赖，因此 - 我有以下 JQuery:

$("#myDIV li").eq(1).html('...');
$("#myDIV li").eq(2).html('...');
$("#myDIV li").eq(3).html('...');

如何在不使用 JQuery(仅使用纯 JavaScript)的情况下执行上述代码。

Answer 1

var lis = document.getElementById('myIDV').getElementsByTagName('li');
lis[1].innerHTML = '...';
lis[2].innerHTML = '...';
lis[3].innerHTML = '...';

顺便说一句，如果你想用 jQuery 来做，先保存你的元素然后处理它们，而不是每次都遍历 DOM:

var lis = $("#myDIV li");
lis.eq(1).html('...');
lis.eq(2).html('...');
lis.eq(3).html('...');