javascript - How to select next div? - Stack Overflow

admin管理员组

文章数量:1349230

I have this part many times in a page:

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

I am now writing code in a js file for a.showComment click event.Now I want to select next div.writeComment.How to select it?

I have this part many times in a page:

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

I am now writing code in a js file for a.showComment click event.Now I want to select next div.writeComment.How to select it?

• javascript
• jquery

Share Improve this question Follow edited Jun 11, 2013 at 15:14 Derek 朕會功夫 94.5k4545 gold badges198198 silver badges253253 bronze badges asked Jun 11, 2013 at 15:08 bbbbbb 26322 gold badges44 silver badges1616 bronze badges 2

• 1 define 'select' it? like, what do you want to do with it? – PlantTheIdea Commented Jun 11, 2013 at 15:09
• 2 stackoverflow./questions/9629213/… – MC_delta_T Commented Jun 11, 2013 at 15:10

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 3

In the variable nextDiv you can do whatever you want
Using .nextAll() method allows us to search through the successors of these elements in the DOM tree and construct a new jQuery object from the matching elements.

using .next() instead you search after the DOM element that you have clicked try this:

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

Or

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

Or

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

next() didnt work.

nextAll() was for all of .writeComment elements that were after my .showComment element.But I found the issue.The following code made it.

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

This might show you to the right way using next() http://api.jquery./next/ The selector will be as following:

so:

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

or:

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

I assume you use jQuery. Otherwise, I strongly encourage you to do so. It has a next-statement:

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

sets the element after foo th background:red.

Use the ~ selector. JQuery Reference

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

本文标签： javascriptHow to select next divStack Overflow