如何使用jquery在div之前附加div？

Question

如何在指定的div id之前附加div或html元素？

<== Here I want to insert the New div tag (<div id='tt'>test</div>)
Div1

Div1 End

我尝试放置wrap（），prepend（），但两者都没有使用。

Answer 1

您可以使用before()。

  

在匹配元素集合中的每个元素之前插入由参数指定的内容

$('#div1').before('<div id="tt">test</div>');

#div1 {
  width: 100px;
  height: 100px;
  background: red;
}
#tt {
  color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="div1">Div 1</div>