Получить индекс элемента в массиве jQuery

Question

У меня есть массив объектов $('selector'), я хочу получить index() каждого элемента и добавить его в html каждого элемента. Я могу получить индекс первого элемента, просто напишу $('selector').index(), но как я могу получить другие, и добавить их к DOM-объектам. Помогите, я новичок в Javascript и jQuery.

Answer 1

Попробуйте это ...

$("selector").each(function(i) { 
    $(this).html($(this).html() + " " + i); 
}); 

i будет индекс каждого выбранного элемента и будет добавлен в HTML.

Вот jsfiddle пример ...

http://jsfiddle.net/54bcn68j/

Answer 2

Использование JQuery.each:

$('selector').each(function(index) { 
    console.log(index); 
}); 

Пример:

Html:

<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 
<div>My Div</div> 

JS:

$('div').each(function(index){ 
    var newHtml = $(this).html() + " - Index:" + index; 
    $(this).html(newHtml); 
}); 

Выходные:

My Div - Index:0 
My Div - Index:1 
My Div - Index:2 
My Div - Index:3 
My Div - Index:4 
My Div - Index:5 
My Div - Index:6 
My Div - Index:7 
My Div - Index:8 

JSFiddle.

Answer 3

Используйте .each(), чтобы выбрать каждый элемент, получить каждый индекс и добавить каждый индекс ко всем элементам, соответствующим селектору.

Answer 4

Вы можете передать функцию в метод jQuery .html(). Эта функция будет удобно быть вызвана с двумя параметрами, индекс элемента и текущего HTML, так что вы хотите легко:

$elements.html(function(i, v){ 
    return v + i; 
}); 

JSFiddle

Который даст вам index относительно сделанного выбора. Если вы хотите, индекс относительно каждого элемента братьев и сестер, вам нужно будет .index():

$('ul li').html(function(_, v){ 
    return v + $(this).index(); 
}); 

JSFiddle

Answer 5

Вы должны перебирать с помощью .each

Пример кода:

$("selector").each(function(i, v) { 
    $(this).append(i); 
}); 

Answer 6

Просто цикл через они и итератор скажут вам, что это индекс.

var array = $('.someClass'); 
for(var i=0; i<array.length; i++){ 
    console.log('Element #' + i + ': ' + $(array[i]).text()); 
} 

Answer 7

Try:

$.each($('selector'), function() { 
    $(this)append($(this).index()); 
}); 

Answer 8

Вы можете также использовать эк:

$('selector').each(function(){ 
    $(this).html('index for this html is ' + $(this).eq()); 
});