jquery - 我如何将文本从 div 传递到 Noty jQuery 插件

Question

我真的很喜欢Noty 插件，但我不明白如何将一些文本传递给它。

我有以下 Flash 消息标记：

<div class="flash-messages">
   <div class="flash-message notice">Signed out successfully.</div>
</div>

要使用 noty，我可以简单地调用：

var noty = noty({text: 'noty - a jquery notification library!'});

但是我怎么能将文本从 .flash-message 传递到 noty 的文本选项？我还希望 .notice .error 类来操作通知样式。

提前谢谢了！

Answer 1

var noty = noty({text: $(".flash-message.notice").text()});

Answer 2

要从中获取文本，div您只需执行以下操作：

var noticeText = $(".notice").text();

然后您可以将其插入到noty呼叫中：

var noty = noty({text: noticeText});

Answer 3

对于课程.flash-message，您可以这样做：

var $flashMessage = $('.flash-message'),
    class = $('.flash-message').attr('class').replace('flash-message ', ''),
    noty = noty({text: $flashMessage.text(), type: class});

Answer 4

var myFlashMessages = [];
$(".flash-messages > .flash-message.notice").each(function(){
    myFlashMessages[myFlashMessages.length] = $(this).text();
});

上面的代码将您要查找的所有内部文本存储在一个数组中。