5

Preciso saber qual id da div visível, estou procurando sobre isVisible() porem não está dando certo, o que devo fazer ?

Problema:

Tenho varias divs que tomam contam da tela toda, porém so deixo visivel a tela que está em questão na tela, porém preciso saber qual id desta dela. As telas restantes ficam com propriedade display: none;

Tenho por padrão as divs da seguinte forma:

<div class="upage hidden background_PRINCIPAL" id="ID_ESPECIFICO_DA_DIV">

e o que estou fazendo é o seguinte:

if($('.upage').is(':visible') == 'home'){
}else{}
8
  • 1
    .is(':visible');?
    – Sergio
    Commented 23/12/2015 às 15:41
  • não sei se é assim mesmo. Commented 23/12/2015 às 15:42
  • 1
    @RenanRodrigues A sugestão do Sergio está correta, é assim que você determina se uma div está visível. Mas se você quer buscar por uma div visível entre um conjunto de divs, basta usar $(":visible") (mas provavelmente você vai querer filtrar mais pra não retornar tudo quanto é elemento visível na página inteira, tipo $(".upage:visible")).
    – mgibsonbr
    Commented 23/12/2015 às 15:47
  • 1
    Para pegar o Id faça assim: $("div:visible").attr("id");
    – Joao Paulo
    Commented 23/12/2015 às 15:51
  • 2
    Sim, a resposta do @Sergio é muito boa.
    – durtto
    Commented 23/12/2015 às 15:56

1 Resposta 1

10

O jQuery tem um pseudo seletor para isso. O :visible que pode ser usado em combinação com o .is(). Desse modo recebes um Booleano.

Podes usar assim:

var visivel  = $('#minhaDiv').is(':visible');
if (visivel) alert('Sim!');
else alert('Não :( ...');

jsFiddle: http://jsfiddle.net/jLk6ot27/

ou dentro do próprio seletor assim:

var elementos = $('div:visible');

neste caso só vai selecionar elementos que estejam visiveis.

Se quiseres saber o ID de vários podes fazer $('div:visible').get().map(function(el){ return this.id; });. Se fôr só um podes fazer o mesmo ou usar jQuery assim: $('div:visible').attr('id')

jsFiddle: http://jsfiddle.net/jLk6ot27/2/

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 .