当前位置 : 主页 > 网页制作 > JQuery >

使用jquery创建嵌套的div

来源:互联网 收集:自由互联 发布时间:2021-06-15
我必须使用 jquery .append()以dinamically方式创建嵌套的div 但通过这段代码:` html=$("div class='table'") .append($("div class='row'")) .append($("labelDenominazione Gruppo/label")) .append($("input type='text' id='denomi
我必须使用 jquery .append()以dinamically方式创建嵌套的div

但通过这段代码:`

html=$("<div class='table'>")
    .append($("<div class='row'>"))
    .append($("<label>Denominazione Gruppo</label>"))
    .append($("<input type='text' id='denominazione'>"));
$("#content").empty();
$("#content").append(html);`

我得到了错误的输出

<div id="content">
    <div class="table">
        <div class="row"></div>    //this closed tag should not be here!
        <label>Denominazione Gruppo</label>
        <input type="text" id="denominazione">
    </div>
</div>

哪里错了?
谢谢.

您需要将输入和标签附加到行元素

html = $("<div class='table'>").append($("<div class='row'>")
    .append("<label>Denominazione Gruppo</label>")
    .append("<input type='text' id='denominazione'>"));
$("#content").empty();
$("#content").append(html);

演示:Fiddle

网友评论