【JS初学之-自定义属性（索引值）】的更多相关文章

JS初学之-自定义属性（索引值）

重点:1.添加索引值的作用:建立匹配.对应的关系. 比如:使每一个按钮对应数组里的每一张图,arrImg[this.index]. 2.不要在for循环的函数里面使用i. 3.添加索引值的方法aBtn[i].index=i;//索引值 给每一个li添加了自定义属性index为i,它的作用是一旦和其他数组相匹配,就可以找到相应数组里的东西 代码示例: for(var i=0;i<aLi.length;i++){  aLi[i].index=i; //索引值 给每一个li添加了自定义属性index为…

函数语法：原生JS获取数组的索引值index

var lis = document.getElementsByTagName("li"); for(var i=0;i<lis.length;i++) { lis[i].index = i; //赋予每个li索引值 lis[i].onclick = function () { alert(this.index); } } JQ: var $index =$(this).index();…

js获取radio选中索引值

<form name="form1" onsubmit="return foo()"> <input type="radio" name="radiogroup1"> <input type="radio" name="radiogroup1"> <input type="radio" name="radiogrou…

[妙味JS基础]第三课：自定义属性、索引值

知识点总结 自定义属性 元素.自定义属性 ＝ 值: 比如: oDiv.abc = 100; =>abc为自定义属性 索引值 index  =>也是自定义属性 oDiv.index = '';…

JS一个非常经典的问题：在遍历数组时对DOM监听事件，索引值将始终等于遍历结束后的值

一个简单的Tab选项卡点击事件. <style type="text/css"> ul{padding:0;margin:0;} .tab{width:400px;} .tab-menuWrapper{padding-left:20px;} .tab-menuWrapper li{float:left;display:inline;padding:5px;border:1px solid #333;border-bottom:none;margin-right:5px;}…

js实现点击<li>标签弹出其索引值

据说这是一道笔试题,以下是代码,没什么要文字叙述的,就是点击哪个<li>弹出哪个<li>的索引值即可: <html> <head> <style> li{ width:50px; height:30px; margin:5px; float:left; text-align: center; line-height: 30px; border-radius:4px; list-style-type: none; background: red;…

js实现数组去重并且显示重复的元素和索引值

var arr=["a","b","c","d","c","b","d","f"];var newarr=[];//存放不重复元素的数组var count=[];//记录重复元素的元素和索引值for(var i=0;i<arr.length;i++){ var type=true; for(var j=0;j<newarr.length…

js循环给li绑定事件实现 点击li弹出其索引值 和内容

代码如下: html代码 <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){ itemli[i].index = i; //给每个li定义一个属性索引值,赋…

JS初学之-选项卡（图片切换类）

初学选项卡,主要问题卡在了索引值上面,花了较长的时间学习. 索引值其实很好理解,就是为每一个元素用JS的方法添加一个属性,即自定义属性. 在for循环里的函数里用i,会直接弹出这个数组的length,而不是按照数组顺序走,这个原因我们会在学习作用域时学习到,现基于此问题,解决的方法就是为每一个元素添加一个自定义属性index,这个自定义属性一旦和数组匹配,就可以找到相应数组里的东西. 代码解释:aLi[i].index=i;    //为每一个Li添加一个自定义属性index等于i,也就是说每一…

JS获取select选中的值，所有option值

<select name="myselect" id="myselect"> <option value="2042">1--测试二级页面专题</option> <option value="2031">2--2016年浙江省大学生艺术节</option> <option value="1983">3--2016里约奥运图粹</o…