2013-06-11 11 views
5

私はページにこの部分を何度もあります次のdivを選択するには?

<a class="showComment" style="cursor: pointer;"><i class="icon-comment"></i> Views</a> 
<br /> 
<br /> 
<div class="writeComment" style="height: auto; width: 700px;" dir="ltr" hidden="hidden"> 
</div> 

私はそれを選択するために、次のdiv.writeComment .Howを選択したいevent.Now私は今a.showCommentクリック用のjsファイルのコードを書いていますか?

+1

「選択」してください。あなたはそれで何をしたいのですか? – PlantTheIdea

+2

http://stackoverflow.com/questions/9629213/jquery-select-next-div-element?rq=1 –

答えて

3

next()didnt work。

nextAll()は、私の.showComment要素の後にあったすべての.writeComment要素を対象としていましたが、問題が見つかりました。次のコードで作成しました。

$('.showComment').click(function(){ 
    $(this).nextAll(".writeComment").first(); 
}); 
-1

jQueryを使用することを前提としています。それ以外の場合は、そうすることを強くお勧めします。 それが持っているnext-statement:赤:

$('#foo').next().css('background-color', 'red'); 

が背景番目のfooの後の要素を設定します。

2

これは、使用して正しい道にあなたが表示される場合があります次の()http://api.jquery.com/next/ 次のようにセレクタは次のようになります。変数で

$('.showComment').next().find('.writeComment') 
+0

@PlantTheIdea改善していただきありがとうございます:)感謝してくれてありがとう! –

+0

心配しないで、私はあまりハハをしなかった。スペルミスが唯一の本当の問題でした。私はセレクタでタグ修飾子を見るのが嫌です。なぜなら、セレクタは不必要で効率が悪いからです。 – PlantTheIdea

3

:そう

$('.showComment').next('.writeComment') 

かnextDivあなたは何でもしたいことができます
.nextAll()メソッドを使用すると、私たちは検索することができますDOMツリー内のこれらの要素の後継部分を通し、一致する要素から新しいjQueryオブジェクトを構築します。 ~セレクタを使用し

$('.showComment').click(function(){ 
     var nextDiv = $(this).nextAll("div.writeComment"); 
    }); 

それとも

$('.showComment').click(function(){ 
      var nextDiv = $('.showComment').next().find('.writeComment') 
     }); 

それとも

$('.showComment').click(function(){ 
     var nextDiv = $(this).next("div.writeComment"); 
    }); 
-1

:あなたがクリックした これを試してDOM要素の後に検索する代わりに.next()を使用して

JQuery Reference

$('a.showComment ~ div.writeComment') 
+0

私はコメントなしでdownvotesを愛する... :( – Andy

関連する問題