jquery index获取元素索引值程序代码

例

 代码如下 复制代码

 $("li").click(function(){
     alert($("li").index(this));
 });

例

[JS]

 代码如下 复制代码

$('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，不传递参数，返回这个元素在同辈中的索引位置。

[HTML]

<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>

例

 代码如下 复制代码

<ul>
    <li><a href="#nogo">这里是一个序列</a></li>
    <li><a href="#nogo">这里是一个序列</a></li>
    <li><a href="#nogo">这里是一个序列</a></li>
    <li><a href="#nogo">这里是一个序列</a></li>
    <li><a href="#nogo">这里是一个序列</a></li>
    <li><a href="#nogo">这里是一个序列</a></li>

如上所示，这是一个无序列表 我要点击任意一个列表项目 要求得到该项目的序列 该怎么样呢？

 代码如下 复制代码

$(document).ready(function(){
$("#act li").click(function(){
   alert( $( "#act li" ).index( $(this)[0] ) );
   })
})

 $( "#act li" ).index( $(this)[0] )    [0]

灰常重要哦~

时间： 2024-10-09 15:24:35

jquery index获取元素索引值程序代码的相关文章

jQuery实现获取元素索引值index的方法_jquery

本文实例讲述了jQuery实现获取元素索引值index的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

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

 这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下 jquery获取元素索引值index()方法:   jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数.    如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.  如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.  如果参数是一个选择器,那么返回值就是原先元素相对

jquery获取元素索引值index()示例_jquery

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 复制代码 代码如下: <ul> <

jquery获取元素索引值index()的例子

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 第一个匹配元素的 index,相对于同胞元素 获得第一个匹配元素相对于其同胞元素的 index 位置. 语法 $(selector).index() 试一下  代码如下 复制代码 <html> <head> <script type="text/javascript

jquery中获取select选中值的代码_jquery

jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;

jquery获取当前元素索引值用法实例_jquery

本文实例讲述了jquery获取当前元素索引值用法.分享给大家供大家参考.具体如下: 今天在做促销页面的图片轮转效果时,下方页码的左边需要对应显示图片的说明信息,效果如下: 思路: 页面部分当为当前状态的时候,会添加"active"样式. 通过获取 li class="active" 的索引值,对应找到相应的图片说明信息,显示出来. 解决: 通过jquery的 index() 可以很轻松的实现该效果. 代码如下: HTML: <div id="caro

var-在使用jQuery时，应该如何花获取元素的值呢

问题描述 在使用jQuery时,应该如何花获取元素的值呢 比如下面的代码 <%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l

jquery中获取元素的几种方式小结_jquery

1 从集合中通过指定的序号获取元素 html: 复制代码 代码如下: <div> <p>0</p> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> </div> JS 复制代码 代码如下: <script ty

javascript获取元素位置/窗口高度代码

document元素的clientHeight和clientWidth属性,就代表了网页的大小.  代码如下 复制代码 function getViewport(){ if (document.compatMode == "BackCompat"){ return { width: document.body.clientWidth, height: document.body.clientHeight } } else { return { width: document.docum