jQuery - 選擇父項並隱藏

Question

我有一行X float右對齊的項目。當X被點擊時，我想讓整行被隱藏（好，被刪除，所以不知道是否有什麼東西？）。

但是，它不適合我。這是看似簡單的代碼，所以不知道我錯在哪裏。我甚至從這個問題採取了EXACT代碼：jQuery - Can't hide parent。它仍然不起作用。

我在這裏做錯了什麼？

http://jsfiddle.net/2kYrU/9/

HTML：

<div class='row'> 
    <div class='close'> 
    </div> 
</div> 

CSS

.row { 
    background:black;   
    width:200px; 
    height:30px; 
    cursor:pointer;     
} 

.close { 
    background:red;    
    width:20px; 
    height:20px; 
    float:right; 
} 

的jQuery：

$(document).ready(function() { 

    $('div.close').click(function(){ 

     $(this).parent.().hide(); 
    }); 

}); 

任何幫助表示讚賞。謝謝！

Answer 1

你有一個錯字：

$(this).parent.().hide(); 
      ^

去除斑點和一切工作：http://jsfiddle.net/2kYrU/11/

Answer 2

兩件事情：

有一個在你引用父

方式的類型

//You have 
$(this).parent.().hide(); 
//Should be the following 
$(this).parent().hide(); 

另外，當您使用JSFiddle時，您需要將框架更改爲您希望在左側面板上使用的框架。你選擇了不是JQuery的mootools，所以你的JQuery腳本都不會工作。