jQuery nếu hiển thị

Question

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

Làm cách nào tôi có thể nắm bắt div hiển thị trong câu lệnh if?

Tôi có $(this) được đặt thành <div class="chatmember"> - dòng thứ hai từ trên cùng.

Tôi đã làm việc với bên dưới nhưng hiện đã có may mắn.

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

Trên chỉ rơi ra ...

Tôi cũng đã thử dưới đây và nó không hoạt động hoặc

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

Answer 1

.is()

đối với bất kỳ thông tin chi tiết về phương pháp này , chỉ cần cuộn xuống một chút ... có một loạt các ví dụ!

chỉnh sửa (cảm ơn cho gợi ý @Wesley Murch): nếu điều này không làm việc, chọn của bạn có thể là sai ... $(this+' a div.newchatmessage') trông khá kỳ lạ ... nó có thể thay được $('a div.newchatmessage', this) hoặc $('a div.newchatmessage', $(this)) tùy thuộc vào this là một jQuery -variable hay không

Answer 2

Sử dụng .is() để kiểm tra xem một yếu tố đầy một yêu cầu nhất định, như ví dụ:

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

hoặc, nếu bạn muốn nó dễ đọc hơn:

012.

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

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

Answer 3

Tôi chạy vào một tình huống tương tự và muốn lưu ý rằng bạn nên cảnh giác với bộ chọn jquery trả về nhiều hơn một phần tử. Tôi tin rằng kiểm tra .is (': visible') sẽ chỉ đánh giá phần tử đầu tiên trong mảng. Bạn có thể kiểm tra xem tất cả các phần tử được bộ chọn đó trả lại có hiển thị với một cái gì đó như thế này hay không.

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