javascript - jGrowl 从 html 获取消息

Question

我试图让 jGrowl 以某种方式与 HML 一起工作，我有 HTML 格式的消息，我希望 jGrowl 将它们显示为 jGrowl div。即：我尝试上传文件，但失败了，所以我显示一条消息：

<div class="message">File upload failed!</div>

我想要的是 jGrowl 来搜索这些消息，将它们隐藏在页面上并使用自身显示它们。

因为我必须这样做的方式是将所有消息编辑为此：

$(document).ready(function(){
    $.jGrowl(
        "File upload failed!",{
        life: 5000
    });
});

问题是，如果有人禁用了 JS，他将看不到任何东西，而且代码更长。

我希望你明白我想要什么。

感谢您的回复。这是工作代码：

$('.message').each(function(){
    var $this = this;
    $(this).hide();
    $.jGrowl($(this).html(), {life: 5000});
});

Answer 1

试试这个代码：

$('.message').each(function(){
  var $this = $(this);
  $this.hide();
  $.jGrowl($this.text(), life: 5000);
});