Eu estou refatorando o CSS de uma função do sistema e para tratar a propriedade do CSS e não uma string eu troquei esta linha de código: (da 1a maneira estava funcionando corretamente)
var ultimaMensagem = $("#box-confirm:not([style*='display: none;']),#box-erro:not([style*='display: none;'])").last();
por esta:
var ultimaMensagem = $('#box-confirm:not(:visible),#box-erro:not(:visible)').last();
Eu levei em consideração o que está escrito neste post: http://stackoverflow.com/questions/17425543/difference-between-hidden-and-notvisible-in-jquery
Mas eu não tenho certeza se isso não trará problemas futuros. Basicamente eu preciso pegar todos os #box-confirm e #box-erro que estão invisíveis de alguma maneira na tela.
Então minhas dúvidas são:
Por que está errada essa alteração?
Existe alguma possibilidade de que ele não pegue o ultimo seletor que esteja invisível na tela?
Existe alguma maneira melhor de fazer isso?