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 FIELDSET не является родителем элемента вы нажав на.

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

Это код, и я не буду переходить к следующему FIELDSET. я перейду к пользовательскому набору полей с классом. http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar