JQuery將動態類添加到具有特定類的第一個元素

-1

我已動態創建引導程序accordions，其中包含動態創建的組。我想將in類添加到每個手風琴的第一個組中，這會打開它，如鏈接引導示例中所示。JQuery將動態類添加到具有特定類的第一個元素

<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h6 class="panel-title"> 
      <a class="accordionToggle" data-toggle="collapse" data-parent="#dynamicId" href="#dynamicId"> 
       Title 
      </a> 
     </h6> 
    </div> 
    <div class="panel-collapse collapse" id="dynamicId"> 
     ... 
    </div> 
</div> 
...

可以有它可以包含任意數量的.panel-collapse.collapse

這裏任意數量的.panel.panel-default是我已經試過了，還有一些其他的變化，到in類添加到每個第一.panel-collapse.collapse.panel.panel-default但是我不斷地將它添加到每一個類，而不僅僅是第一個。

$(".panel.panel-default").each(function (index) { 
    $(this).children(".panel-collapse.collapse:first").addClass("in"); 
}); 

$(".panel.panel-default").each(function (index) { 
    $(this).find(".panel-collapse.collapse:first").addClass("in"); 
}); 

$(".panel.panel-default").each(function (index) { 
    $(this).children(".panel-collapse.collapse").first().addClass("in"); 
});

任何幫助將不勝感激！

來源

2014-03-13 aw04

您的代碼應該按預期工作。所以，請嘗試複製您的的jsfiddle –

問題聽起來像是你需要用的'。每（）'在功能和調用功能** **後的「accordians」被添加 –

@RobSedgwick你認爲這是有問題他們被動態添加呢？ – aw04

您需要遍歷panel-group，因爲我認爲你正在試圖做的是擴大在各手風琴的第一項

$(".panel-group").each(function (index) { 
    $(this).children(".panel-collapse.collapse:first").addClass("in"); 
});

演示：Fiddle

來源

2014-03-13 12:49:00

的.panel-collapse.collapse是組和我遍歷它的父，這是怎麼比我有什麼？ – aw04

@ aw04不同，您可以檢查所連接的小提琴...請問標記在那裏模擬你的 –

JQuery將動態類添加到具有特定類的第一個元素

回答

相關問題