Cómo alertar usando jQuery

Esto funciona:

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

Pero esto no:

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

¿Cuál es la sintaxis jQuery correcta para:

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

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

Tenga en cuenta que “.addClass()” funciona porque addClass es una función definida en el objeto jQuery. No puede colocar cualquier función antigua al final de un selector y esperar que funcione.

Además, probablemente sea una mala idea bombardear al usuario con n ventanas emergentes (donde n = el número de libros atrasados).

Quizás use la función de tamaño:

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

No hagas esto, pero así es como lo harías:

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

La razón por la que digo “no lo hagas” es porque nada es más molesto para los usuarios, en mi opinión, que las ventanas emergentes repetidas que no se pueden detener. En su lugar, simplemente use el length propiedad y hágales saber que “Tiene X libros vencidos”.

Para cada uno funciona con JQuery como en

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

JQuery también, para una ventana emergente, tiene en la biblioteca de la interfaz de usuario un widget de diálogo: http://jqueryui.com/demostraciones/dialog/

Compruébalo, funciona muy bien.

HH.