使用javascript重新排列HTML

Question

我有这样的HTML：

"""<input type="submit" id="continue" value="CRA" name="continue" class="keyboard-enabled" tabindex="7">

<a href="#" id="r1A" role="button" tabindex="-1">
    <input type="button" id="r1B" value="Back" role="option" aria-pressed="false" class="keyboard-enabled" tabindex="6">
</a>"""

我想使用jquery replace或JS中的类似内容将我的第一个输入移动到<a。怎么做到这一点？

预期产出：

<a href="#" id="r1A" role="button" tabindex="-1">
    <input type="button" id="r1B" value="Back" role="option" aria-pressed="false" class="keyboard-enabled" tabindex="6">
</a>
<input type="submit" id="continue" value="CRA" name="continue" class="keyboard-enabled" tabindex="7">

Answer 1

试试这个：使用.after()

$(function(){
  $('#r1A').after($('#continue'));
});