Использовать jQuery для получения позиции/номера иерархии выбранного элемента?

Question

Пожалуйста, несите меня. Я стараюсь объяснить, что мне нужно, но мне, вероятно, понадобится несколько обновлений для моего OP.

Я хочу получить позицию выбранного элемента в иерархии. Например, , если у меня есть в общей сложности 4 гиперссылки во всем html-документе, и я навешиваю на третью ссылку, я хочу «html> body> a: eq (2)» - 2, обозначающий третий элемент гиперссылки.

И нет, index() не делает трюк.

Я пробовал this code с небольшой настройкой и получаю следующее: «html> body> a», но не могу найти функцию для возврата позиции.

Как получить позицию выбранного элемента в иерархии похожих элементов? (Я даже не знаю, если это право терминологии.) Нужно ли мне пройти через DOM и выполнить ручную спичку, если х == у своего рода вещь

<a href=#">link1</a> 
<a href=#">link2</a> 
<a href=#">link3</a> 
<a href=#">link4</a> 

Я буду использовать этот код для всех видов HTML-элементов , а не только гиперссылки.

Answer 1

Если у Вас есть данный элемент и хотите знать, что энной ссылка находится в документе, вы можете сделать это так:

function whichLink(el) { 
    return $("a").index(el); 
} 

Эта форма .index(el) возвращает тот элемент в объекте jQuery, который соответствует переданному элементу. Он ищет объект jQuery для поиска соответствующего элемента. Поскольку объект jQuery сортирует элементы в порядке документа, это даст вам позицию в документе данной ссылки.

Если вы пытаетесь сделать что-то другое, пожалуйста, уточните свой вопрос.

Answer 2

Обычно вы можете сделать это внутри каждый цикл:

$('a').each(function(i) { 
    // i has the index so we can do something with it 
    var index = i; 
    $(this).click(function() { 
    $(this).attr('href', index); // make the href = i for instance 
    }); 
}); 

Answer 3

Поскольку вы хотите действия с зависанием, я бы предложил несколько иной подход. Вместо того, чтобы находить все элементы для получения индекса при каждом наведении (который может происходить довольно часто), я бы установил индекс, когда документ сначала загрузится, чтобы вы могли легко получить его при срабатывании события.

Что-то вроде:

$('a').each(function(i, el){    
    $(this).data('index', i); 
    $(this).hover(function(){ 
     var hoveredIndex = $(this).data('index'); 
     // Do you action with the index 
    }); 
}); 

Если у вас нет большого знака вверх или зависания не происходит часто, это может быть слишком много. Также, если у вас есть контейнер вокруг элементов, селектор/события могут быть пересмотрены.