的Javascript if語句忽略的jQuery $（本）

Question

我有這樣的代碼，只是爲了與if語句的問題寫成：

$("ul.pick").click(function(){ 
     var kid = $(this).find("li.contactIn"); 
     kid.addClass("current"); 
     var parent = kid.parent(); 
     if(parent == $(this)) 
      { 
      parent.addClass("something"); 
      } 
    }); 

所以ul.pick是菜單按鈕，李。 contactIn是其存儲要顯示的內容的子項。 問題在if語句中。我做錯了什麼？我試圖編寫代碼，它會檢查當前是否拉下了內存。是我現在點擊的那個。如果是這樣，代碼應該把它拉起來。如果沒有，李。應該被拉下來。 在此先感謝:)

Answer 1

問題是使用$(this)調用jQuery構造函數並創建一個jQuery對象。在JavaScript中，將對象相互比較始終是錯誤的。你需要比較實際的元素。

下面是該點擊添加類

$("ul.pick").click(function(){ 
 
    var kid = $(this).find("li.contactIn"); 
 
    kid.addClass("current"); 
 
    var parent = kid.parent(); 
 
    if(parent[0] == this) //compare elements 
 
    { 
 
     parent.addClass("something"); 
 
    } 
 
});

.something { color: red; } 
 
.current { border: 1px solid red; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<ul class="pick"> 
 
    <li class="contactIn">contactIn</li> 
 
</ul>