Cách chọn div tiếp theo?

Question

Tôi có phần này nhiều lần trong một trang:

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

Tôi bây giờ viết mã trong một file js cho a.showComment nhấp chuột event.Now Tôi muốn chọn tiếp theo div.writeComment .Làm thế nào để chọn nó?

Answer 1

tiếp theo() không hoạt động.

nextAll() dành cho tất cả các yếu tố cảnh báo .write được đặt sau phần tử .show của tôi. Nhưng tôi đã tìm thấy vấn đề. Mã sau đây đã tạo ra nó.

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

Answer 2

Tôi giả sử bạn sử dụng jQuery. Nếu không, tôi mạnh mẽ khuyến khích bạn làm như vậy. Nó có một next-statement:

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

đặt yếu tố sau foo thứ nền: màu đỏ.

Answer 3

này có thể hiển thị bạn đúng cách sử dụng tiếp theo() http://api.jquery.com/next/ Bộ chọn sẽ như sau:

vậy:

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

hay:

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

Answer 4

Trong biến nextDiv bạn có thể làm bất cứ điều gì bạn muốn
Sử dụng phương pháp .nextAll() cho phép chúng tôi tìm kiếm thông qua những người kế thừa các phần tử này trong cây DOM và xây dựng một đối tượng jQuery mới từ các phần tử phù hợp.

sử dụng .next() thay vào đó bạn tìm kiếm sau khi phần tử DOM mà bạn đã nhấp thử điều này:

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

Hoặc

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

Hoặc

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

Answer 5

Sử dụng selector ~. JQuery Reference

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