查找類似班級的下一個div。並非所有的兄弟類

<div class="tab-pane active"></div> 
<div class="tab-pane"></div> 
<div class="tab-pane"></div> 
<div class="tab-pane"></div> 
<button id="action">Next Div</button>

我想通過點擊＃活動按鈕添加「活動」類到下一個選項卡窗格div。即當我第一次點擊#action按鈕，然後我的DOM樣子 -查找類似班級的下一個div。並非所有的兄弟類

<div class="tab-pane active"></div> 
<div class="tab-pane active"></div> 
<div class="tab-pane"></div>

，當我點擊第二次上#action按鈕的DOM外觀 -

<div class="tab-pane active"></div> 
<div class="tab-pane active"></div> 
<div class="tab-pane active"></div> 
<div class="tab-pane"></div>

我怎樣才能做到這一點在jQuery的？

來源

2014-12-20 hocpana

你想插入與特定類的最後一個元素後，一些班'div'（你的情況'active'）奧得做你想添加一個類到最後一個具有'active'類的元素之後的元素。你能解釋一下第一個代碼塊嗎，在我看來，它不像以下兩個代碼塊。 –

這應有助於：

$('#action').click(function() { 
 
    $('.tab-pane.active').next('div').addClass('active'); 
 
});

div { 
 
    display: inline-block; 
 
    width: 40px; 
 
    height: 40px; 
 
} 
 
.active { 
 
    background: orange; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="tab-pane active"></div> 
 
<div class="tab-pane"></div> 
 
<div class="tab-pane"></div> 
 
<div class="tab-pane"></div> 
 
<button id="action">Next Div</button>

來源

2014-12-20 13:57:16 emmanuel

第一：在我看來，即使這個問題還不清楚（第一個代碼塊無法解釋），第二個：請解釋你的代碼在做什麼，這樣沒有經驗的用戶可以從代碼中加上它的描述。 –

查找類似班級的下一個div。並非所有的兄弟類

回答

相關問題