JQuery: Was ist das Nicht-JQuery-Equalavent von "$ (" # myDIV li "). Eq (1)"?

Question

Ich versuche, meine Abhängigkeit von JQuery, als solche zu entkoppeln - ich habe folgendes JQuery:

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

Wie führe ich den obigen Code ohne JQuery zu verwenden (einfach nur JavaScript).

Answer 1

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

Btw, wenn Sie wollen es mit jQuery tun, speichern Sie Ihre Elemente erste und die Arbeit an ihnen, anstatt die DOM jedes Mal zu durchqueren:

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

Answer 2

document.getElementById("myDIV").getElementsByTagName("li")[0].innerHTML = '...'; 

usw.

Aber die Frage bleibt - warum nicht jQuery verwenden?

Klarstellung: Ich versuche nicht zu sagen, dass man ignorieren sollte, wie die Dinge funktionieren. Wenn das das OP war, dann gut. Allerdings betrachte ich jQuery heute als Teil des "Standard-Overheads" für eine Seite und zögere nicht, es sogar für die kleinsten Dinge zu verwenden, da ich am Ende sowieso mehr davon brauche.