次のdivを現在のクラス名と同じクラス名で取得する

Question

次のクラスを現在のクラスと同じクラスで見つける方法を教えてください。 jqueryを使用して

私は<div>とclass="help"を持っています。今度は、この中のあるボタンをクリックして、同じ「ヘルプ」クラスで次のものを選択したいときです。

あなたの .click()ハンドラがあるに必要なものを、すべてあなたの helpのdivが兄弟であることを、そしてボタンは常にそれらの1の子であると仮定すると

<div class="help"> 
    <div>....OTHER HTML CONTENT......<div> 
    <input type='submit' class='ok'> 
</div> 
<div>....OTHER HTML CONTENT......<div> 
<div class="help"></div> 
<div>....OTHER HTML CONTENT......<div> 
<div>....OTHER HTML CONTENT......<div> 
<div>....OTHER HTML CONTENT......<div> 
<div class="help"></div> 
<div>....OTHER HTML CONTENT......<div> 
<div class="help"></div> 

Answer 1

要素がない兄弟であると仮定すると、あなたはこのような何かを行うことができます：

var $elements = $('.someClass'); 

$elements.click(function() { 
    var $nextElement = $elements.eq($elements.index(this) + 1); 
}); 

参考：eq、index

DEMO

Answer 2

：@Niklasへ

$(this).parent().nextAll('.help').first(); 

（賛辞.next()をチェックして、それが正しくないことを認識してください）

Answer 3

同じクラスを持つ次の要素を見つけるには、セレクタで最初のものを選択してnextAllを使用します。

$('input').click(function(){ 
    var a = $(this).parent(); 
    a.nextAll("."+a.attr('class')+":first");  
}); 

例：あなたはボタンクリックを処理する機能を持っている場合、あなたはhttp://jsfiddle.net/niklasvh/CwSTC/

Answer 4

親のdivにアクセスし、そこから次のヘルプdiv要素にアクセスすることができます。下記参照。

function btn_click_handler() 
{ 
    var btn = $(this); 
    var next_help_div = btn.parent("div.help").nextAll("div.help:first"); 
    <your code here> 
}