jquery - 之后插入html

Question

我的问题如下：

插入容器的最佳方法是什么<div>，以及最后一个插入容器之后的下一个容器？

<div class="pane">
    <div class="inhoud">
        <h3>Sample heading</h3>
        <p>Testbericht.</p>
    </div>
    <form id="noteform" class="frm">
        <input type="image" src="images/kn_verwijder.gif" alt="delete" class="delete" />
        <br />
        <input type="hidden" name="frmnoteid" id="frmnoteid" value="" />
    </form>
</div>

到目前为止我所知道的：

• $("#foo > div").size() 使用和.insertAfter()方法计算页面上已经存在的 div 的数量。
• 使用选择器和.load()方法从文件中加载 html 数据。

问题是我不知道我是否可以正确使用这些方法来获得结果。

如果有人已经有这些经验？

Answer 1

我不太清楚你想要做什么，但你可以做这样的事情......

不使用 load()，而是使用 $.get() 加载 html 而不插入它，然后使用 sucess 回调将其附加到页面中。这样，您无需担心创建包装 div。只需让您的 html 页面 tbnote.html 具有您想要的正确标记。

function newnote() {
    $.get("tbnote.html", function(html) {
        if($(.pane).length > 0) { \\test  there is already .pane div on page
            $(".pane:last").after(html);
        } else {
            $("#someOtherDiv").append(html); \\append to another div
        }
    });
}

after()将解析 html 响应并将其注入到 dom 中，好吧，在选定元素之后。

使用$.get，您还可以做一些更高级的事情，让您的模板能够接受查询字符串或数据，并在呈现页面之前将其插入到您的 html 中。

Answer 2

你可以使用$(".divtogoafter:last").append("content to insert"); 最后使用伪选择器，以便最后一个 div 是插入数据的那个。