jQuery görülebilirse

Question

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

Bir if ifadesinde görünen div'u nasıl yakalarım?

$(this)<div class="chatmember"> olarak ayarlanmış - üstteki ikinci satır.

Aşağıda çalışıyorum ama şu ana kadar şansım vardı.

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

Üstü sadece dışarı düşer ...

ben de aşağıdaki denedim ve bu yöntemle herhangi bir detaylı bilgi için

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

Answer 1

.is()

çalışmıyor ya gelmez Sadece biraz aşağı kaydırın ... bir sürü örnek var!

düzenlemek (ipucu @Wesley Murch için teşekkürler): Bu işe yaramazsa , senin seçici yanlış olabilir ... $(this+' a div.newchatmessage') oldukça tuhaf görünüyor ... oldukça $('a div.newchatmessage', this) veya $('a div.newchatmessage', $(this))this bir jQuery olmanın bağlı olabilir -Değişken veya olmasın

Answer 2

Kullanım .is() bir elementtir böyle gibi belirli bir gereksinimi, doldurur olmadığını kontrol etmek: Eğer daha okunabilir istiyorsanız,

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

veya:

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

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

Answer 3

Benzer bir duruma rastladım ve birden fazla öğe döndüren jQuery selektörüne karşı dikkatli olmanız gerektiğini belirtmek istedim. .is (': görünür') kontrolünün sadece dizideki ilk elemanı değerlendireceğine inanıyorum. Bu seçici tarafından döndürülen tüm öğelerin böyle bir şeyle görünüp görünmediğini kontrol edebilirsiniz.

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