Question

我需要构建这个动态地在css中提供给我的结构。

<div id="myordersdiv">
    <ul>
        <li class="myorderhead"><h5>My Orders <i>2</i></h5></li>
        <div class="content">
            <div id="ordersdiv" style="display:none"></div>
        </div>
    </ul>
</div>

我正试图以这种方式构建

HTML部分

<div id="myordersdiv">
    <ul>
        <li class="myorderhead"><h5>My Orders <i>2</i></h5></li>
    </ul>
</div>

var dataa = '<div id="ordersdiv" style="display:none"></div>';
$(".myorderhead").prepend(dataa);
$("#myordersdiv").prepend(buildcart);

请让我知道我在做什么错误？

Answer 1

您可以简单地使用：

   $("#myordersdiv ul").append(dataa);

Answer 2

使用此功能。 after() ，

$(".myorderhead").after(dataa);

您的结构也有<div class="content">。所以使用它，

$(".myorderhead").after('<div class="content">'+dataa+'</div>');

注意：尝试在<li>元素中附加所有这些内容。您在<div>

下无法<ul>

无法动态构建特定的代码段

2 个答案: