2

Estou trabalhando em um projeto onde utilizo modais do bootstrap, por um problema de sobreposição de alguns elementos, precisei utilizar um script que sempre atribui o maior valor z-index +10 da página à nova modal aberta, para que não haja esse problema.

Acontece que estou utilizando outro plugin que mostra notificações no topo da tela, e as notificações estão ficando atrás da modal.

Para pegar o maior z-index da página utilizo o seguinte código:

var zIndex = Math.max.apply(null,Array.prototype.map.call(document.querySelectorAll('*'), function (el) {
    return +el.style.zIndex;
})) + 10;

Tem alguma maneira de continuar pegando todos os seletores (*) menos a classe .notifications com o .querySelectorAll() ?

2
  • 2
    Tente usar not para excluir, algo como: querySelectorAll('*:not(.notifications)')
    – BrTkCa
    Commented 19/04/2017 às 14:38
  • @LucasCosta Perfeito, valeu.
    – Mathiasfc
    Commented 19/04/2017 às 14:42

1 Resposta 1

2

Usa not: CSS pseudo-class:

document.querySelectorAll('*:not(.notifications)');
1
  • 1
    Funcionou perfeitamente.
    – Mathiasfc
    Commented 19/04/2017 às 14:44

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .