识别特定Div而不是使用.next（）？

Question

我只想移动.step1 div，这样它就不会在#step4m div旁边，无论它在页面的哪个位置，代码应该工作相同，因为它将识别特定的div，而不是使用.next()

HTML：

<div class="step1 marker_show">
    <a id="q1_one" class="step_button s1 run_loading" href="">option 1</a>
    <a id="q1_two" class="step_button s1 run_loading" href="">option 2</a>
</div><!-- STEP 1 END -->

<div id="step4m" class="step4 marker_show">
    <div id="stepend" class="show_end">
        <div id="proceed">
            <div id="if_one">
                <a id="agree1" class="step_button" href="http://link1.com">Continue</a>
            </div>
            <div id="if_two">
                <a id="agree2" class="step_button" href="http://link2.com">Continue</a>
            </div>
        </div>
    </div>
</div><!-- STEP 4 END -->

Javascript：

$(document).on('click', '.run_loading', function (e) {
    e.preventDefault();
    $(this).parent().hide().next().fadeIn();
    $('.step4 .loading').show();
    run_loading_run_1('2500');
    run_loading_run_4('2500',q1);
});

更新：JSFiddle

我该怎么做？

Answer 1

你想要

.nextAll('#step4m:first')

但是，由于ID必须是唯一的，您也可以只写$('#step4m')。