Запустите index () только для определенного HTML-тега

Question

Я хочу index () работает только с определенным html-тегом .row

Но сейчас index () запускает всеDOM, и дай мне все .twocol в документе.

У меня есть полный пример здесь: http://jsfiddle.net/brunogarcia/SRUkt/ Почему?

$("a.mostrar").live("click", function(event) {
alert($(this).parent(".row .twocol").index(".row .twocol"));

        <div class="row">
            <h3>Row 1</h3>
            <div class="twocol"><a href="" class="mostrar">text</a></div>
            <div class="twocol"><a href="" class="mostrar">text</a></div>      

        </div>


        <div class="row">
            <h3>Row 2</h3>
            <div class="twocol"><a href="" class="mostrar">text</a></div>
            <div class="twocol"><a href="" class="mostrar">text</a></div>      

        </div>

Answer 1

Я думаю, что вы хотите, это:

$(this).parent().index();

Это даст вам индекс на основе 1 для родителя ссылки среди его братьев и сестер.

Смотрите обновленную скрипку.

Если это не то, что вы хотите, вы должны объяснить лучше.

Answer 2

Если вы знаете индекс, вы можете использовать

$(this).parent(".row .twocol").index(".row .twocol:eq(2)")

, он получит 3-й.