Question

很抱歉，如果我的标题不清楚，我不知道怎么说这个。我是jQuery的新手，这就是我想要做的。

我想在网页顶部显示一个或多个公告框。

假设我有一些带有类名的模板“div”元素，有些html使它成为一个漂亮的盒子。和占位符或其他东西，实际的消息（html）将是。

然后我会使用$ .append在我的页面上插入每个框，指定该框的自定义消息。

我的问题是，如何创建这样的DIV模板以及如何向其添加内容？

我希望这很清楚......

Answer 1

你可以创建一个这样的辅助函数：

$.messageDiv = function(message, style){
    var $div = $('<div>').addClass('message-div message-style-' + style);
    var $message = $('<p>').appendTo($div);

    $message.html(message); // Or use .text() if message contains no HTML or if should be escaped if it does contain HTML
    return $div;
}

然后使用它将消息添加到页面：

$('#content').prepend($.messageDiv('My Cool Message!', 'warning'));

它会创建并添加（添加到#content的内部顶部）这个标记：

<div class="message-div message-style-warning">
    <p>Your text here</p>
</div>

jQuery：附加一个带有一些innerhtml的模板框

1 个答案: