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());});