search

DubFriend / jquery.repeater

Create a repeatable group of input elements
MIT License
389 stars 191 forks source link

how can i get the count of the data-repeater ? #86

Open raphaelzerbib opened 6 years ago

fmonts commented 6 years ago

https://api.jquery.com/length/

martinmurciego commented 5 years ago

Javascript

            var $repeater = $('.repeater').repeater({
                initEmpty: false,
                defaultValues: {},
                show: function() { 
                    var selfRepeaterItem = this;
                    $(selfRepeaterItem).slideDown();

                    var repeaterItems = $("div[data-repeater-item] > div.panel");
                    $(selfRepeaterItem).attr('data-index', repeaterItems.length - 1);
                    $(selfRepeaterItem).find('a  h4 span.repeaterItemNumber').text(repeaterItems.length);
//...

HTML

                    <div class="repeater repeater-wrap">
                        <div data-repeater-list="reservas" class="repeatable">
                            <div class="accordion" id="accordionEspacios" role="tablist" aria-multiselectable="true">
                                <div class="repeater-item" data-repeater-item="">
                                    <div class="panel">
                                        <a class="panel-heading" role="tab" id="headingItem" data-toggle="collapse" data-parent="#accordionEspacios" href="#collapseItem" aria-expanded="true" aria-controls="collapseItem">
                                        <h4 class="panel-title">
                                            <span class="repeaterItem">Espacio <span class="repeaterItemSymbol">#</span><span class="repeaterItemNumber">1</span></span> 
                                            <span class="repeaterItemTitle"></span>
                                            <span class="pull-right"> 
                                                <button data-repeater-delete="" type="button" class="btn  btn-round btn-danger btn-xs dt-delete"><span class="glyphicon glyphicon-remove glyphicon-trash" aria-hidden="true"></span></button><!-- Boton Quitar -->
                                            </span>
                                        </h4>
                                        </a>
<!-- ... -->