框架使用的是ssh，jsp主要用的是jquery。

Question

这是一个题型的练习，一级题型的有的有二级题型（通过jquery ajax获取），有的没有。要求就是一级题型动态的在页面上，点击一级题型，二级题型在一级题型下方

试过网上的offset().top和position().top定位，但是获取的值都是一样的

相关代码

<div style="width: 100%">

<div style="float: left;width: 88%;">
    <div id="navmenu" style="width:1024px;">//一级题型
        <s:iterator  value="exerciseVoList" var ="exerciseVo" >
            <div class="exercise_block" action="${exerciseVo.action}" exerciseId="${exerciseVo.exerciseId}" parentId="${exerciseVo.parentId }">
                <div class="exercise_overlay"></div>
                <%--<img src="<s:url value='/imagehandler/getImageById.action?id='/>${exercise.imageId}"><br/>--%>
                <span style="font-size:15px;" class="exercise_title" >${exerciseVo.name}</span>
            </div>
        </s:iterator>
        <div id = "sub_navmenu" ></div>//二级题型
    </div>
</div>

</div>

你期待的结果是什么？实际看到的错误信息又是什么？

期待结果是：第二行的一级题型的二级题型在一级题型下方
实际看的是：第二行的一级题型的二级题型也在第一行一级题型的下方

Answer 1

实际看的是：第二行的一级题型的二级题型也在第一行一级题型的下方

这问题盲猜，获取全量的dom，然后插入在了第一个上面。其实不是很明白为什么不直接插入DOM中。

好了，之后我看到了这行 <div id = "sub_navmenu" ></div> ，id是唯一的。
所以不应该这样去用。
你应该获取到当前dom，然后找到祖先级别（一级题型），然找下面的二级。

而不是在全局级别找