鱼C论坛

 找回密码
 立即注册
查看: 3388|回复: 5

[已解决]javescript +i+

[复制链接]
发表于 2018-1-12 08:05:01 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 史莱克 于 2018-1-12 08:06 编辑

  for(var i=0;i<li.length;i++){
       li.setAttribute('onclick','fn1('+i+')');
   }
   function fn1(n) {
       var div = $('box').getElementsByTagName('div');
       for (var i = 0; i < div.length; i++) {
           div.setAttribute('style', 'display:none');
       }
       div[n].setAttribute('style', 'display:block');
   }

第二行 +i+ 什么意思 求解,
最佳答案
2018-1-12 08:51:04
  1. //        按照li列表的长度进行循环
  2.         for(var i=0;i<li.length;i++){
  3. //            为每一个li标签设置fn1事件,传入i值
  4.             li.setAttribute('onclick','fn1('+i+')');
  5.         }
  6. //        fn1事件
  7.         function fn1(n) {
  8. //            找到div标签下的box类
  9.             var div = $('box').getElementsByTagName('div');
  10. //            按照div长度进行循环
  11.             for (var i = 0; i < div.length; i++) {
  12. //                隐藏每一个标签
  13.                 div.setAttribute('style', 'display:none');
  14.             }
  15. //            设置形参n的样式为块级
  16. //            此段代码即上面调用时传入的li标签的i
  17.             div[n].setAttribute('style', 'display:block');
  18.         }
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2018-1-12 08:51:04 | 显示全部楼层    本楼为最佳答案   

回帖奖励 +5 鱼币

  1. //        按照li列表的长度进行循环
  2.         for(var i=0;i<li.length;i++){
  3. //            为每一个li标签设置fn1事件,传入i值
  4.             li.setAttribute('onclick','fn1('+i+')');
  5.         }
  6. //        fn1事件
  7.         function fn1(n) {
  8. //            找到div标签下的box类
  9.             var div = $('box').getElementsByTagName('div');
  10. //            按照div长度进行循环
  11.             for (var i = 0; i < div.length; i++) {
  12. //                隐藏每一个标签
  13.                 div.setAttribute('style', 'display:none');
  14.             }
  15. //            设置形参n的样式为块级
  16. //            此段代码即上面调用时传入的li标签的i
  17.             div[n].setAttribute('style', 'display:block');
  18.         }
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-1-12 09:01:14 | 显示全部楼层
非常感谢,有看你的前端课程,刚开始看

穿入 i 的值
写 i 不就可以吗
还是 不明白 +i+

第一次接触,不是很明白,有什么关于 +i+ 的资料,可以推荐下吗
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-1-12 09:07:18 | 显示全部楼层

不是很透彻,能通俗点ma
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-1-12 09:16:55 | 显示全部楼层
史莱克 发表于 2018-1-12 09:01
非常感谢,有看你的前端课程,刚开始看

穿入 i 的值


因为DOM操作中,传入变量,直接写成:
  1. ‘fn1(i)’
复制代码


会被识别为字符串,而不是变量i

如果传入变量i,就要用:
  1. 'fn1('+i+')'
复制代码


规定,记住就好
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-1-12 09:38:48 | 显示全部楼层
感谢,解决困扰了我一天多的难题
还有就是 js 的数据请求,咋们论坛里有视频,或者资料吗,或者给推荐其他的一下,我下载了一个 XAMPP,准备学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-19 15:03

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表