Как определить индекс элемента в его родительском узле?

Question

Вот пример кода:

<div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
     ....

</div>

Мне просто нужно найти индекс внутреннего div в родительском div, переданный функции как this .

p.s. Я проверил другой вопрос, который такой же: Можно ли получить числовой индекс элемента в его родительском узле без зацикливания?

однако предложенный метод у меня не сработал .. Можно ли получить числовой индекс элемента в его родительском узле без зацикливания?

Answer 1

Вот рабочий пример использования обычного JS (без jQuery): http://jsfiddle.net/jfriend00/xgk4y/. Нажмите на любой из div, чтобы увидеть индекс, возвращенный из countPrevSiblings().

И код от этого:

function countPrevSiblings(elem) {
    var i = 0;
    while((elem = elem.previousSibling) != null) {
        // count element nodes only
        if (elem.nodeType == 1) {
            ++i;
        }
    }
    return i;
}

Answer 2

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

Образец: $(this).index($(this).siblings());