关于jqueryindex的信息

jquery怎样获得index

jquery提供了获得第一个匹配元素相对于其同胞元素的位置的方法——index()，注意：

index从0开始计数

如果未找到元素，index() 将返回 -1。

实例演示如下

创建Html元素

div class="box"

span点击li元素即可获取其index：/spanbr

div class="content"

    ul

  liGlen/li

  li Tane/li

  liJohn/li

  li Ralph/li

/ul

/div

/div

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

li{margin:5px;list-style: none;}

.red{color:red !important;}

编写jquery代码

$(function(){ 

$("ul li").click(function() {

$(this).addClass('red');    // 应用样式以突出

n = $(this).index();

alert("被点击的li标签的index顺序为："+n+"，实际顺序为："+(n+1)+"。");  

});

});

观察效果

相关问答

Q1: jquery中怎么获得特定元素的索引值

jquery获取元素索引值index()方法：

jquery的index()方法

搜索匹配的元素，并返回相应元素的索引值，从0开始计数。

如果不给

.index()

方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。

如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。

复制代码代码如下:

foo

bar

baz

$('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()示例

复制代码代码如下:

//用于二级或者三级联动

建站素材

jquery特效

懒人主机

前端路上

$("#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;

});

Q2: 如何用jquery获得option的索引值index？

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('select option').each(function (i) {

if ($(this).attr('selected')) {

$('body').append(i);

}

});

3、浏览器运行index.html页面，此时用jquery获取到了option的索引值被打印了出来。

Q3: jquery中怎么获得当前元素的索引值

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值，注意：索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下：获取被点击的a标签的索引值

1，创建Html元素

2，设置css样式

3，编写jquery代码

4，观察效果：因为index从0开始计数，所以点击第三个元素，获取的索引值是2

扩展资料

jQuery的核心特性：

1，具有独特的链式语法和短小清晰的多功能接口；

2，具有高效灵活的css选择器，并且可对CSS选择器进行扩展；

3，拥有便捷的插件扩展机制和丰富的插件。

4，jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

参考资料：jQuery - 百度百科

Q4: jQuery里的 index()函数是什么意思，怎么用？

是元素序号的意思，比如ulli/lili/li/ul,第一个li就是$("li:first").index(),它的序号就为0，第二个为1

Q5: jquery的索引值是什么概念

就是当前元素相对其他相同元素所在的位置，从0开始。

比如

div

p class='p1'/p

p class='p2'/p

p class='p3'/p

/div

var index1 = $('.p1').index();

var index2 = $('.p2').index();

var index3 = $('.p3').index();

得到的index1,index2,index3的索引值分别为0,1,2