javascript - 隐藏最后一个对话框模式上的下一个按钮

Question

我的 HTML 看起来像这样

<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset> 
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                   
    </form>
</div>
</div>
<div id="" class="modalDialog">
<div>   
    <form role="form" class="registration-form" >    
        <fieldset>
            <div id="outerr">
                <div class="innerr"><button type="button" class="btn btn-next">Next</button></div>
            </div>
        </fieldset>                    
    </form>
</div>

我想隐藏每个模式对话框出现的最后一个字段集的下一个按钮。有谁请推荐一下我吧。我是jquery新手，以前没有做过这种事情。我通过编码来学习，有时我会遇到问题。

Answer 1

试试这个 CSS代码中的简单方法

button {
visibility: hidden
}