javascript - 创建自己的 JQuery 插件

Question

我想创建一个非常简单的 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") 的父级

Answer 1

您这里有错字:

将 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