Jquery найти следующий индекс

Question

Как правильно найти индекс элементов.Я использую div, который добавляет новый div в контейнер, и я должен "иметь" новый идентификатор на основе индекса - это позволяет легко индексировать функцию удаления позже.то есть я могу просто запустить each function для обновления идентификатора

, это мой код: - Я хочу найти индекс класса .pollq при нажатии #addoption

$('#addoption').live('click',function(){
    var index = index('.pollq');

    alert(index);   

    $(this).parent('form').append('<br /><label for="">Option #'+($('.pollq').length+1)+'</label><input type="text" id="polloption'+($('.pollq').length+1)+'" class="pollq generate" />');

    $('#pollpreview').append('<br /><input type="radio"><span class="polloption'+($('.pollq').length)+'">Options polloption'+($('.pollq').length)+'</span>');

});

Answer 1

$('#addoption').live('click',function(){
    var i = $(this).parent('form').find('.pollq').length;
    var id = "polloption"+i;

    $(this).parent('form').append(
        '<br /><label for="'+id+'">Option #'+i+'</label><input type="text" id="'+id+'" class="pollq generate" />'
    );

    // note that this should be a <label>, too
    $('#pollpreview').append(
        '<br /><input type="radio"><span class="'+id+'">Options '+id+'</span>
    ');
});

Answer 2

Это даст вам индекс элемента с классом "pollq" относительно его контейнера:

var index = $('.pollq').index();

Это то, что вы хотели?

т.е. индекс будет "2" в следующем примере:

<div>
    <div class="something"></div>
    <div class="something-else"></div>
    <div class="pollq"></div>
</div>