jGrowl从html接收消息

Question

我试图使jGrowl在某种程度上与HML一起工作，即我在jGrowl中有消息，我希望jGrowl将它们显示为jGrowl div。Ie.：我试图上传一个文件，但是它失败了，所以我显示了一条消息：

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