javascript - 如何在 Javascript 中附加 HTML 元素？

Question

我试图附加两个 HTML 元素并将其传递给 jquery 中的 after() 函数:

$('div.masterButtons').after(function () {
    var foobar = $('<div>foo<div>bar</div></div>');
    var foobaz = $('<div>foo<div>baz</div></div>');
    return (foobar + foobaz)
    }
);

它打印:

[object Object][object Object]

如何附加两个元素？我避免连接两个 html 字符串，因为 div 比这些复杂得多，而且我需要 jquery 元素来构建它。

Answer 1

foobar 和 foobaz 都是 jQuery 对象，不能使用 + 添加它们

$('div.masterButtons').after(function () {
    var foobar = $('<div>foo<div>bar</div></div>');
    var foobaz = $('<div>foo<div>baz</div></div>');
    return foobar.add(foobaz)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="masterButtons"></div>