Jak porównać dwa obiekty jQuery dla tożsamości?

Question

Próbuję użyć jQuery do otwierania/zamykania kontrolek "skrzynek" na stronie internetowej. Niestety, zamknięcie pudełka nie jest zbyt dobre, aby ponownie je otworzyć, gdy użytkownik kliknie na już otwarte okno. (Pola wzajemnie się wykluczają).

Kod, którego używam, nie działa i nie jestem pewien dlaczego. Nadal zamykam pudełko, żeby otworzyć się na nowo, co nie jest pożądaną funkcjonalnością. Stworzyłem zmienną "val" do celów debugowania; w debuggerze pokazuje 'val' jako mający dokładnie taką samą wartość jak $ (this), co powinno uniemożliwić mu dostanie się do .slideToggle() wewnątrz instrukcji if, ale tego nie robi.

function openBox(index) 
{ 
    val = $('#box' + index); 
    $('.profilePageContentBox').each(function(){ 
     if($(this).css('display') != 'none') 
     { 
     if($(this) != val) 
     { 
      $(this).slideToggle(200); 
     } 
     } 
    }); 
    val.slideToggle(200); 
} 

Answer 1

Korzystanie z funkcji $() zawsze utworzyć nowy obiekt, więc nie wiem co, swoją równość sprawdzić zawsze zawiedzie.

Na przykład:

var div = document.getElementById('myDiv'); 

$(div) === $(div); // false! 

Zamiast tego, można spróbować po prostu przechowywania rzeczywistych elementów DOM, ponieważ są to tylko mowa do wewnątrz obiektów jQuery.

val = $('#box'+index).get(0); 
... 
if (this !== val) { } 

Answer 2

Spróbuj tego:

function openBox(index) 
{ 
val=$('#box'+index); 
$('.profilePageContentBox').each(function(){ 
    if($(this).is(":visible")) 
    { 
     if(!$(this).is("#box"+index)) 
      $(this).slideToggle(200); 
    } 
}); 
val.slideToggle(200); 
} 

Answer 3

Można również zrobić:

if(val.is(this))