javascript - 如何从另一个div中查找div的元素

Question

我在 div 中有如下元素:

   <div id="container">
     <div id="first_div">
        <div id="comment-1" class="comment">Child 1 of first div</div>
        <div id="comment-2" class="comment">Child 2 of first div</div>
        <div id="comment-3" class="comment">Child 3 of first div</div>
        <div id="comment-4" class="comment">Child 4 of first div</div>
     </div>
     <div id="second_div">
        <div id="comment-5" class="comment">Child 1 of second div</div>
        <div id="comment-6" class="comment">Child 2 of second div</div>
        <div id="comment-7" class="comment">Child 3 of second div</div>
        <div id="comment-8" class="comment">Child 4 of second div</div>
     </div>
     <div id="third_div">
        <div id="comment-9" class="comment">Child 1 of third div</div>
        <div id="comment-10" class="comment">Child 2 of third div</div>
        <div id="comment-11" class="comment">Child 3 of third div</div>
        <div id="comment-12" class="comment">Child 4 of third div</div>
     </div>

我需要从评论 ID comment-4 中检索下一个元素。

$('#comment-4').next().attr('id') 给出的结果为未定义。我需要目标 div 为评论 id - comment-5。如何使用jquery从另一个div中检索div的下一个元素？

Answer 1

试试这个:

$(function(){
    $('.comment').click(function(index){
      var id;
      if ( $(this).is(':last-child') )
          id = $(this).parent().next().children(':first').attr('id');
       else
          id = $(this).next().attr('id'); 
       alert(id);    
    });
});

<强> Demo