jQuery - 选择父级并隐藏

Question

我有一排物品，右边有一个X向右浮动。我希望在点击X时隐藏整个行（好了，删除，所以不确定是否有什么东西？）。

然而，它对我不起作用。这看似简单的代码，所以不确定我哪里出错了。我甚至从这个问题中获取了完整的代码：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时，您需要将框架更改为您希望在左侧面板上使用的框架。你选择的mootools不是JQuery，所以你的JQuery脚本都不会起作用。