Question

I have two DIV-elements, which are assigned an array called “stack” using data().

Both DIV-elements have a class of .trigger.

I now want to pop() the last element of both arrays like so:

$('.trigger').data("stack").pop()

However this only takes off the last element of the FIRST array, although

$('trigger').length

Returns 2.

Is there a way to remove the last element from both arrays in a single line?

Answer 1

You could do this:

$('.trigger').each(function() { $(this).data('stack').pop(); });

In general, jQuery functions that return a value (like “.data()” or “.css()” when passed just 1 string argument) only operate on the first element in the matched array. Thus when you want to do something like your deal, you use an explicit “.each()” to get at each element yourself.