JQuery: what's the non-JQuery equalavent of "$("#myDIV li").eq(1)" ?

Question

I'm trying to de-couple my dependence on JQuery, as such - I have the following JQuery:

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

How do I perform the above code without using JQuery (just plain JavaScript).

Answer 1

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

Btw, if you wanna do it with jQuery, save your elements first and work on them, instead of traversing the DOM every time:

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.

However the question remains - why not use jQuery?

Clarification: I'm not trying to suggest that one should ignore how things work. If that's what the OP was going for, then fine. However, I consider jQuery a part of the "standard overhead" for a page nowadays, and don't hesitate to use it even for the tiniest of things, since I'll most likely end up needing more of it later anyways.

Answer 3

that's ok, Bob, but you're slower than those of us who use frameworks. it's a trade off.