JQuery: ¿cuál es el equivalente de JQuery "$ (" # myDIV li "). Eq (1)"?

Question

estoy tratando de desvincular mi dependencia de jQuery, como tal - Tengo el siguiente JQuery:

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

¿Cómo realizo el código anterior sin usar jQuery (JavaScript simplemente).

Answer 1

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

Por cierto, si quieres hacerlo con jQuery, guardar los elementos primero y trabajar en ellos, en lugar de atravesar el DOM en cada ocasión:

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 = '...'; 

etc.

Sin embargo, la pregunta sigue siendo: ¿por qué no utilizar jQuery?

Aclaración: No estoy tratando de sugerir que uno debe ignorar cómo funcionan las cosas. Si eso es lo que el OP estaba buscando, entonces bien. Sin embargo, considero que jQuery es una parte de la "sobrecarga estándar" para una página hoy en día, y no dudo en usarlo incluso para las cosas más pequeñas, ya que lo más probable es que termine necesitando más de ella más tarde de todos modos.