Question

jquery 如何让一个DIV移动到指定的位置后面

<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>

<ul style="display:none;position:absolute;">

<li>aaa<li>
<li>bbb<li>
<li>ccc<li>
</ul>

页面如上：当我点击某个a标签时 ul 能显示到那个a标签的位置后 ul 页面加载后默认的位置在最下方

Answer 1

<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<ul id="ul1" style="display: none; position: absolute;">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>

<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("div>a").click(function () {
$("#ul1").insertAfter($(this));
})
});
</script>

Answer 2

不知道你要的是不是这种效果

<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<div>
<a>123</a>
</div>
<ul id="ul1" style="display: none; position: absolute;">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>

<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("div>a").click(function () {
$("#ul1").insertAfter($(this));
})
});
</script>