Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何按顺序检索特定DOM元素的所有index()值_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何按顺序检索特定DOM元素的所有index()值

Javascript 如何按顺序检索特定DOM元素的所有index()值,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要父节点子体层次结构中类名div.one的index()值。这里div#mydiv是我的父代后代。 我的预期结果应该是:0,1,2,3,4,5 JS: HTML: 演示1 演示2 演示3 演示4 演示5 演示6 小提琴链接: 提前感谢。通过传递此对象,尝试在元素集合上调用.index() var cache = $('#mydiv .one'); cache.each(function () { console.log(cache.index(this)); }); 您需要为i

我需要父节点子体层次结构中类名
div.one
的index()值。这里
div#mydiv
是我的父代后代。 我的预期结果应该是:0,1,2,3,4,5

JS:

HTML:


演示1
演示2
演示3
演示4
演示5
演示6
小提琴链接:


提前感谢。

通过传递
对象,尝试在元素集合上调用
.index()

var cache = $('#mydiv .one');
cache.each(function () {
    console.log(cache.index(this));
});

您需要为
index()
提供一个选择器,以限制它搜索的元素。试试这个:

$('#mydiv .one').each(function () {
    console.log($(this).index('.one'));
});

index()的变体将根据元素的同级返回元素的索引

您可以缓存
one
,并使用它获取元素集中元素的索引

var $ones = $('#mydiv .one');
$ones.each(function() {
  console.log($ones.index(this)); // Here Result is 0,1,2,0,1,2 ,but I want 0,1,2,3,4,5
});
或者使用
each()
回调函数的index参数

$('#mydiv.one')。每个(函数(idx){
snippet.log(idx);//这里的结果是0,1,2,0,1,2,但我想要0,1,2,3,4,5
});

演示1
演示2
演示3
演示4
演示5
演示6
使用eq()函数并替换index()。 例如:

$('#mydiv .one').each(function () {console.log($(this).eq());});

நன்றி @拉贾普拉布Aravindasamy@EverGreen மகிழ்ச்சி!! :)
var $ones = $('#mydiv .one');
$ones.each(function() {
  console.log($ones.index(this)); // Here Result is 0,1,2,0,1,2 ,but I want 0,1,2,3,4,5
});
$('#mydiv .one').each(function () {console.log($(this).eq());});