Question

找到元素索引的正确方法是什么。我正在使用一个div将一个新的div附加到一个容器中，我必须“拥有”一个基于索引的新ID - 这样可以在以后轻松索引删除函数。即我可以运行each function来更新id的

这是我的代码： - 我想在点击.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();

这就是你想要的吗？

即。在以下示例中，index将为“2”：

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

Jquery找到下一个索引

2 个答案: