这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下
jquery获取元素索引值index()方法:
jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。
复制代码 代码如下:
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>
$('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1,传递一个jQuery对象
$('li').index($('li:gt(0)')); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的做引位置
$('#bar').index(); //1,不传递参数,返回这个元素在同辈中的索引位置。
jquery获取元素索引值index()示例
复制代码 代码如下:
//用于二级或者三级联动
<div id="nav">
<a href="http://www.51xuediannao.com/">建站素材</a>
<a href="http://www.51xuediannao.com/">jquery特效</a>
<a href="http://www.51xuediannao.com/">懒人主机</a>
<a href="http://www.51xuediannao.com/qd63/">前端路上</a>
</div>
$("#nav a").click(function(){
//四个经典的用法
var index1 = $("#nav a").index(this);
var index2 = $("#nav a").index($(this));
var index3 = $(this).index()
var index3 = $(this).index("a")
alert(index3);
return false;
});
分享到:
相关推荐
主要介绍了jQuery实现获取元素索引值index的方法,涉及jQuery针对页面元素的遍历,index索引操作及属性操作相关技巧,需要的朋友可以参考下
jquery获取元素索引值index()方法:jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数。 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素...
昨天做一个Jqery效果,要获取相应元素的索引值,晕,又忘记了。现在记录下来,以后再次忘记好查怎么获取相应元素的索引值
JavaScript代码 $(“li”).hover(function(){ ...它的说明为: 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。如果找到了匹配的元素,从0开始返回;如果没有找到匹配的元素,返回-1。
gt(index) 匹配列表索引 大于 index 的元素 lt(index) 匹配列表索引 小于 index 的元素 获取索引第2到第5的li: $(ul li:lt(5):gt(2)) *注意:这里:lt(5):gt(2) 的顺序不能变,必须是lt在前,gt在
代码如下:”product_shift_out_{m}”> [removed]$(document).ready(function(){name = $...eq(index)匹配一个给定索引值的元素 Matches a single element by its index.返回值Element 参数index (Number) : 从 0 开始计
jQuery获取Select选择的Text和Value: 代码如下: var checkText=jQuery(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=jQuery(“#select_id”).val(); //获取Select选择...
jQuery.index(element),返回该jQuery对象在集合中的索引 jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; jQuery.size(),返回jQuery...
1、JQuery的核心的一些方法 each(callback) ‘就像循环 $(“Element”).length; ‘元素的个数,是个属性 $(“Element”).size(); ‘也是元素的个数,不过带括号是个方法 $(“Element... ‘元素2在元素1中的索引值是。 2
而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' ...
index就是索引值 domEle 表示获取遍历每一个dom对象 }); 3、更适用的遍历方法 1)先获取某个集合对象 2)遍历集合对象的每一个元素 var d=$("div"); $.each(d,function (index,domEle){ d是要遍历的集合 ...
本文实例讲述了jQuery中each... //index就是索引值 //domEle 表示获取遍历每一个dom对象 }); 3、更适用的遍历方法 1)先获取某个集合对象 2)遍历集合对象的每一个元素 var d=$(div); $.each(d,function (index,domE
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
删除指定索引的选项 $(this).get(0).remove(index); 设定需要选中项的值 $(this).get(0).value=value; 获取当前选中选项的文本 $(this).get(0).options[index].text; 批量修改CSS $(this).css({left:”35px”,top:...
vue实现加载并展示后台数据的tab选项卡 vue用于渲染页面 jquery用于方法实现动态效果 <!-- change方法, 数值改变触发 --> <select v-on:change=get...-- 为name属性添加当前索引值 --> <ul v-on
index : number, // The index of this file for use in getFile(i) name : string, // The file name. The path is not included. size : number, // The file size in bytes type : string, // The ...