Question

jquery next（）在我的代码中不起作用。我的HTML代码是

 <a class="reply">Reply</a> 
 <div class="respond" style="display:none;">respond 1</div>      
 <a class="reply">Reply</a>
 <div class="respond" style="display:none;">respond  2</div> 
 <a class="reply">Reply</a> <
 div class="respond" style="display:none;">respond  2</div>

我的jquery代码是

$('.reply').click(function(e){
      e.preventDefault();
      $(this).next().show();
});

但它不起作用。请给我一个解决方案

Answer 1

执行顺序很重要。如果你的jQuery代码在HTML之前定义元素，那么代码将在这些元素存在之前运行，因此实际上不会绑定任何事件处理程序。在这些情况下，您需要使用jQuery .ready()函数绑定DOM ready事件的事件处理程序，以便在绑定事件处理程序时保证元素存在。

$(document).ready(function() {
    $('.reply').click(function(e){
        e.preventDefault();
        $(this).next().show();
    });
});

jquery next（）不工作

1 个答案: