Javascript jquery，追加标记的更改顺序

我有以下代码：

<div id="test">
    <img src="#">
</div>

这一结果：

<div id="test">
    <img src="#">
    <span>123123<span>
</div>

感谢您的帮助

您可以使用

$（'div#test'）。前置（'123123'）；

您可以使用

prepend（）以更改顺序。
更容易记住。还有它的对应物。还有前面提到的和它的对立面

纯JavaScript有、、和我的最爱
.insertAdjacentHTML（）
类似于
.innerHTML
，它可以在元素的4个不同位置插入
htmlString

签名：

DOMObject
.insertAdjacentHTML（
位置
，
htmlString
）


位置：

“beforebegin”
“afterbegin”
…
“beforeend”
“afterend”


$（'test1 img'）。在（'123123'）之前；
$（'123123'）。在（'test2 img'）之前插入；
$（'#test3'）。前置（'123123'）；
$（'123123'）.prependTo（'test4'）；
document.querySelector（'#test5 img'）。在（document.createElement（'SPAN'）。textContent='123123'）之前；
var span=document.createElement（'span'）；
span.textContent='123123'；
document.querySelector（'#test6'）.insertBefore（span，document.querySelector（'#test6 img'））；
document.querySelector（'#test7'）.prepend（document.createElement（'SPAN'）.textContent='123123'）；
document.querySelector（“#test8”）.insertAdjacentHTML（'afterbegin'，'123123'）

prepend而不是append您的HTML目前无效。您有一个未关闭的
和一个从未打开的
。试着先把它修好。
<div id="test">
    <img src="#">
    <span>123123<span>
</div>

<div id="test">
   <span>123123<span>
   <img src="#">
</div>

$('div#test').prepend('<span>123123</span>');