jquery - 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 脚本都不起作用。