javascript - 为 HTML 页面创建面板

Question

我正在使用 JQUery 并尝试为我的 HTML 页面创建一个面板。 该面板包含多个 div。

我的 JavaScript 函数是:

function createQuestionPanel() {
    var topDiv = $('<div>top div</div>');
    var questionDiv = $('<div>bottom div</div>');
    topDiv.after(questionDiv);
    return topDiv;
}

我调用此函数并将其附加到 HTML 元素的另一个 JQuery 表示形式。问题是它只显示 topdiv。我希望它同时显示底部和顶部 div。我是否需要将所有 div 包装在 createQuestionPanel() 方法中，或者是否有更好的方法来执行此操作？

谢谢。

Answer 1

只需添加另一个 div 层即可:

function createQuestionPanel() {
    var div = $('<div>');
    $('<div>top div</div>').appendTo(div);
    $('<div>bottom div</div>').appendTo(div);
    return div;
}

fiddle :http://jsfiddle.net/maniator/d7MtM/

或者您可以返回 jQuery 对象数组:

function createQuestionPanel() {
    var topDiv = $('<div>top div</div>');
    var questionDiv = $('<div>bottom div</div>');
    return [topDiv, questionDiv];
}

fiddle :http://jsfiddle.net/maniator/RhCpe/