javascript - 关于JS 事件委托操作ul li标签的问题
巴扎黑
巴扎黑 2017-06-28 09:27:49
0
2
773

先说一下我想要实现的功能,就是在一个ul 里面 点击某个li标签 就移除当前点击的li。

但是搞来搞去就是没能实现我想要的效果。

现在的问题如下

  1. 怎么用更直接的方法取得当前点击的li下标,for循环取下标是百度淘来的。

  2. 移除是可以用了,但是它不是按我点击的li移除 比如我点击2 它会删除3 or 4 不知道是不是if(e.target == children[i])这里判断不对

  3. 点击一次没效果,要点第二次才执行removeChild。

HTML结构

  • 0
  • 1
  • 2
  • 3
  • 4

JS代码

document.getElementById("box").addEventListener("click",function(e) { if(e.target && e.target.nodeName == "LI") { var children = this.children; //获取ul里面的所有li元素集合 for(var i=0;i
巴扎黑
巴扎黑

全部回复 (2)
習慣沉默

雷雷

    巴扎黑

    雷雷

      最新下载
      更多>
      网站特效
      网站源码
      网站素材
      前端模板
      关于我们 免责声明 Sitemap
      PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!