如何使用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 =逾期的书籍数量).

也许使用size函数:

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.