如何使用jQuery进行警报

Question

这有效：

$('.overdue').addClass('alert');

但这不是：

$('.overdue').alert('Your book is overdue.'); 

正确的jQuery语法是什么：

FOR EACH CLASS="overdue"
   alert('Your book is overdue');
NEXT

Answer 1

$(".overdue").each( function() {
    alert("Your book is overdue.");
});

请注意“.addClass（）”有效，因为addClass是在jQuery对象上定义的函数。你不仅可以在选择器的末尾添加任何旧函数并期望它能够工作。

另外，用n个弹出窗口轰炸用户可能是一个坏主意（其中n =过期的书籍数量）。

也许使用尺寸功能：

alert( "You have " + $(".overdue").size() + " books overdue." );

Answer 2

不要这样做，但这就是你要做的事情：

$(".overdue").each(function() { 
    alert("Your book is overdue"); 
});

我说“不要这样做”的原因是因为在我看来，没有对用户来说比不能停止的重复弹出窗口更烦人。相反，只需使用length属性，让他们知道“你有超过X的书籍。”

Answer 3

对于每个使用JQuery的工作，如

$(<selector>).each(function() {
   //this points to item
   alert('<msg>');
});

对于弹出窗口，JQuery还在UI库中有一个对话框小部件：http://jqueryui.com/demos/dialog/

检查出来，效果很好。

HTH。