jQuery si está visible

Question

<div id="chatCenterMembers"> 
    <div class="chatmember"> 
     <a title="Blah Blah Blah"> 
      <div class="newchatmessage" style="display: block;"></div> 

¿Cómo puedo capturar el div visible en una instrucción if?

Tengo $(this) establecido en <div class="chatmember"> - segunda línea desde la parte superior.

He estado trabajando con abajo, pero ahora tuve suerte hasta ahora.

if($(this+' a div.newchatmessage').filter(":visible")) { 

Sobre simplemente se retira ...

También he probado a continuación y que tampoco funciona

if ($(this + 'a div.newchatmessage').is(':visible')) { 

Answer 1

.is()

para cualquier información detallada sobre este método , simplemente desplácese un poco hacia abajo ... ¡hay un montón de ejemplos!

edición (gracias por la pista @Wesley Murch): si esto no funciona, el selector puede estar mal ... $(this+' a div.newchatmessage') parece bastante extraño ... que podría ser más bien $('a div.newchatmessage', this) o $('a div.newchatmessage', $(this)) dependiendo de this ser un jQuery -Variable o no

Answer 2

uso .is() para comprobar si un elemento llena un cierto requisito, como por ejemplo:

if ($(this).find('a div.newchatmessage').is(':visible')) 

o, si se quiere que sea más legible:

var element = $(this).find('a div.newchatmessage'); 

if (element.is(':visible')) { 
    // Do your thing 
} 

Answer 3

Me encontré con una situación similar y quería señalar que debe tener cuidado con el selector jquery que devuelve más de un elemento. Creo que la comprobación .is (': visible') solo evaluará el primer elemento de la matriz. Puede verificar si todos los elementos devueltos por ese selector son visibles con algo como esto.

if($('.someElementWithThisClass:visible').length > 0){ 
    //Do it to it 
}