javascript - 创建自己的JQuery插件

我想创建一个非常简单的Jquery插件。它所做的是返回元素的父级。我搜索并尝试了许多不同的方法，但仍然无法运行它。

(function($){
$.fn.extend({
    getParent:function(){

        return this.each(function(){$(this).parent()});

    }


    });
})(JQuery);

在HTML

<script type="text/javascript">
    $(document).ready(function(e) {
alert($("#demos").getParent());
    });
</script>

它应该提醒父母$（“＃demos”）

最佳答案

您在这里有错别字：

将JQuery替换为jQuery。

(function($){
$.fn.extend({
    getParent:function(){
        return this.each(function(){$(this).parent()});
    }
    });
})(jQuery);

$(document).ready(function() {
console.log($("#demos").getParent());
});

<div id="parent">
    <div id="demos"></div>
</div>

DEMO