javascript – JQuery:什么是“$(”#myDIV li“)的非JQuery equalavent.eq(1)”?

前端之家收集整理的这篇文章主要介绍了javascript – JQuery:什么是“$(”#myDIV li“)的非JQuery equalavent.eq(1)”?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图解除对 JQuery的依赖,因此 – 我有以下JQuery:
  1. $("#myDIV li").eq(1).html('...');
  2. $("#myDIV li").eq(2).html('...');
  3. $("#myDIV li").eq(3).html('...');

如何在不使用JQuery(只是简单的JavaScript)的情况下执行上述代码.

解决方法

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

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

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

猜你在找的jQuery相关文章