jQuery问题,如何得到一个元素在集合中的顺序?

<div class="demo">
<div id="1"></div>

<div id="2"></div>

<div id="3"></div>

<div id="4"></div>

</div>

比如我单击<div id="3"></div>,怎么得到他在同级元素里的顺序,有没有现成的方法

第1个回答  推荐于2016-10-15
做成这样子,你试试看
<div class="demo">
<div class="demochildren"></div>
<div class="demochildren"></div>
<div class="demochildren"></div>
<div class="demochildren"></div>
</div>

js:
$(".demochildren").click(function(){
var $index = $(this).index();

alert($index); //这个是从0开始算起的,如果你要从1开始算,自己加个1

});本回答被提问者采纳
第2个回答  2013-01-26
不是很懂你的意思/

jquery 如何获取集合内的其中一个元素?
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的标签,输入jquery代码:var objs = $('#imglist div.imgstyle img');for(var i=0;i<objs.length;i++){ objs.eq(i).attr('id', i);} 3、浏览器运行index.html页面,此时成功通过遍历所有img...

jquery如何获取第一个或最后一个子元素
显示段落中的最后一个 span :("p span").last().addClass('highlight');定义 last() 将匹配元素集合缩减为集合中的最后一个元素。实例二 显示段落中的第一个 span :("p span").first().addClass('highlight');定义 first() 将匹配元素集合缩减为集合中的第一个元素。

js jquery获取当前元素的兄弟级 上一个 下一个元素
var ns=s.nextSbiling; \/\/获得s的下一个兄弟节点 var ps=s.previousSbiling; \/\/得到s的上一个兄弟节点 var fc=s.firstChild; \/\/获得s的第一个子节点 var lc=s.lastChile; \/\/获得s的最后一个子节点 JS获取节点父级,子级元素 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以...

jquery如何获取第一个或最后一个子元素
楼主您好 如果一个jQuery对象表示一个DOM元素的集合,.first()方法会构造一个新的jQuery对象,它包含了前一个集合的第一个元素。 list item 1 list item 2 list item 3 list item 4 list item 5 ('li').first().css('background-color', 'red');调用的结果是第一个列表项目为红色背景。...

如何获取jQuery集合的某一项
其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。(document).ready(function(){ ("div p").first();\/\/获取第一个中的第一个 ("div p").last();\/\/获取最后一个中的最后一个 ("p").eq(1);\/\/获取所有中的第二个 ("p").filter(".demo");\/\/返回...

jquery如何获取第一个或最后一个子元素
:first- child:为每个父元素匹配第一个子元素,如li:first-child返回每个ul的第一个li元素。可以这样理解,页面中的元素有相同的父元素 的,并且里面又包含li元素的,那么就取第一个li元素,每个子类集合都要进行判断,直到找出所有符合要求的li元素;:last-child:这个也与上面相对了,只是取的是最后...

Jquery 如何实现ul中的ol排序?
var aOl = oUl.children; \/\/aOl 是一个元素集合,只是有数组的方法。但不具备sortvar arr = [];for(var i=0;i<aOl.length;i++){arr.push(aOl[i]);}arr.sort(function(a,b){return a.id - b.id}); \/\/这里用了数组的sort排序。for(var i=0;i<arr.length;i++){oUl.appen...

Jquery 如何实现ul中的ol排序?
var aOl = oUl.children; \/\/aOl 是一个元素集合,只是有数组的方法。但不具备sortvar arr = [];for(var i=0;i<aOl.length;i++){arr.push(aOl[i]);}arr.sort(function(a,b){return a.id - b.id}); \/\/这里用了数组的sort排序。for(var i=0;i<arr.length;i++){oUl.appen...

如何用jquery对列表进行排序
利用jQuery对无序列表排序的原理:获取到无序列表中的所有列表项,并转成数组形式,使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript函数sort()。1)jQuery函数get()--获取匹配元素集合 该函数取得所有匹配元素的一种向后兼容的...

怎么在jquery中利用each实现遍历循环?
Item 1 Item 2 Item 3 这段代码首先选取了所有 元素,然后对每个元素执行了一个函数。此函数获取当前元素的文本内容(通过 $(element).text()),并输出其索引和内容。这样,可以方便地遍历并操作集合中的每个元素。each() 方法允许在遍历元素集合时执行任何操作,提供了一种简洁且强大的方法来处理 ...

相似回答