javascript - 次のdivを選択するには?

Question

私はこの部分をページに何度も持っています:

<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>

クリックイベント用のjsファイルにコードを書いています。a.showComment次を選択したいのですが、div.writeCommentどのように選択しますか?

Answer 1

メソッドを使用.nextAll()すると、DOM ツリー内のこれらの要素の後続要素を検索し、一致する要素から新しい jQuery オブジェクトを構築できます。

.next()代わりに、クリックした DOM 要素の後に検索を使用して、これを試してください。

 $('.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");
    });

Answer 2

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

それで：

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

また：

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

Answer 3

jQueryを使っているとします。それ以外の場合は、そうすることを強くお勧めします。次のステートメントがあります。

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

foo th background:red の後の要素を設定します。

Answer 4

~セレクターを使用します。JQuery リファレンス

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