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);
});