Jquery $（this）.parent（）。next（）;

Question

我会跳到<fieldset>与类"secound"，但跳转不起作用。 我的代码有什么问题？ 对不起，我的英语，我希望你能帮助我？

$(".next").click(function(){ 
 
    textnext = "next1"; 
 
    current_fs = $(this).parent(); 
 
    next_fs = $(this).parent().next(); 
 

 
    if(textnext == $(".next").val()){ 
 
     next_fs = $(this).parent(".secound").next(); 
 
    } 
 
    next_fs.show(); 
 
}

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 
 

 
<fieldset style="height:100vh"> 
 
    <input type="button" name="next" class="next action-button" value="next1" /> 
 
</fieldset> 
 
<fieldset style="height:100vh" class="first"> 
 
    <input type="button" name="next" class="next action-button" value="Next" /> 
 
</fieldset> 
 
<fieldset style="height:100vh" class="secound"> 
 
    <input type="button" name="next" class="next action-button" value="Next" /> 
 
</fieldset>

Answer 1

的.secound字段集是不是你点击元素的父。

Answer 2

如果你想比较你

textnext 

单击该按钮的价值，你需要做的

if(textnext == $(this).val()){ 
    next_fs = $(this).parent(".secound").next(); 
} 

Answer 3

这就是你想干什么？

$(".next").click(function(){ 
 
    
 
    var textnext = "next1"; 
 
    
 
    var current_fs = $(this).parent(); 
 
    
 
    var next_fs = $(this).parent().nextAll('.secound'); 
 
    
 
    $('body').scrollTop(next_fs.offset().top); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<div id='test'> 
 
    
 
<fieldset style="height:50vh"> 
 
    <input type="button" name="next" class="next action-button" value="next1" /> 
 
</fieldset> 
 
<fieldset style="height:50vh" class="first"> 
 
    <input type="button" name="next" class="next action-button" value="Next" /> 
 
</fieldset> 
 
<fieldset style="height:50vh" class="secound" > 
 
    <input type="button" name="next" class="next action-button" value="Next" /> 
 
</fieldset> 
 
</div>

Answer 4

这是代码，我不会跳转到下一个字段集。我将跳转到一个类的自定义字段集。 http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar