JQuery:什么是"$("#myDIV li")的非JQuery equalavent.eq(1)"？

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('...');