微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何获取Bootstrap手风琴的index / id面板

如何解决如何获取Bootstrap手风琴的index / id面板

我正在尝试获取手风琴活动面板的索引。

我的示例:

我想将2号保存在变量“ index”中,因为此刻手风琴的第二个面板处于活动状态。

accordion.html:

<div id="accordion">
             <form id="creaAppunt" th:action="@{/provaCreaAppuntamento}" method="post" th:object="${appuntamento}">
                  <div class="card">
                    <div class="card-header" data-toggle="collapse" data-target="#collapSEOne" aria-expanded="true" aria-controls="collapSEOne"  id="headingOne" index="1">
                          <h5 class="mb-0">
                            <div class="text-center">
                                Selezione Prestazione
                            </div>
                          </h5>
                    </div>
                
                    <div id="collapSEOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                       
                          <div class="card-body">
                            <div class="form-row p-4">
                                <div class="form-group col-md-6">
                                    <label class="labelDoc">Seleziona Prestazione</label>
                                    <select id="prestazione" class="form-control" th:field="${appuntamento.idPrenotazione}">
                                        <option value="">---</option>
                                        <option th:each="prestazione: ${prestazioni}" 
                                            th:value="${prestazione.codice}" 
                                            th:utext="${prestazione.denominazione}"
                                        />
                                    </select>
                                </div>
                            </div>
                          </div>
                           <div data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" id="btnSalvaPrestazione">Avanti</div>
                        
                    </div>
                  </div>
                  <div class="card">
                    <div class="card-header collapsed " id="headingTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" index="2">
                      <h5 class="mb-0">
                        <div class="text-center">
                         Selezione Sede
                        </div>
                      </h5>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                        <div class="card-body">
                            <div class="form-row p-4">
                                <div class="form-group col-md-6">
                                    <label class="labelDoc">Sede Prenotazione</label>
                                    <select id="sede" class="form-control" th:field="*{sede}">
                                        <option value="">---</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                  </div>
                  <div class="card">
                    <div class="card-header collapsed" id="headingThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" index="3">
                      <h5 class="mb-0">
                        <div class="text-center" >
                          Collapsible Group Item #3
                        </div>
                      </h5>
                    </div>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                      <div class="card-body">
                        Anim pariatur cliche reprehenderit,enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute,non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica,craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table,raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                      </div>
                    </div>
                  </div>
                  </form>
                </div>

accordion.js:

$(document).ready(function() {
    
    $('#prestazione').selectize({
        valueField: 'codice',labelField: 'denominazione',searchField: 'denominazione',onChange: function () {

        }
    });
    
    $('#sede').selectize({
        valueField: 'codice',searchField: 'denominazione'
    });
    
    var index = $('#accordion .in').parent().attr("id");

能帮我吗? 我需要获取索引,因为我想要一个清除并禁用所有被索引面板的功能

谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。