Question

这个问题可能已经出现过，但我一直在寻找几个小时，但没有找到有效的解决方案。我正在索引一些手风琴的按钮，这些按钮工作正常，但有几个父div，每个都有手风琴，我需要每个父母从1开始编号他们的孩子div。目前第一个父母有1,2， 3，下一个父母继续在4,5，而不是从1,2再次开始。我希望这是有意义的代码附加，提前感谢任何帮助！

    <div class="parent">
        <div class="button"><span>1</span></div>
        <div class="content"></div>
        <div class="button"><span>2</span></div>
        <div class="content"></div>
        <div class="button"><span>3</span></div>
        <div class="content"></div>
    </div>

    <div class="parent">
        <!-- These should start again at 1 -->
        <div class="button"><span>4</span></div>
        <div class="content"></div>
        <div class="button"><span>5</span></div>
        <div class="content"></div>
    </div>


$('.button').each(function(){
            var num = $('.parent .button').index(this) + 1; 
            $(this).append($("<span>" + num + "</span>").addClass("number"));       
        });

Answer 1

$('.button').append(function() {
    return $('<span />', {text: $('.button', this.parentNode).index( this ) + 1})
});

FIDDLE

Jquery索引子节点分别在多个父div中

1 个答案: