Пользовательская функция JQuery с несколькими параметрами не работает

Question

Я пытался создать JQUERY, чтобы добавить div к существующему div

(function($){
  $.fn.alertme=function(){
    var opts = $.extend( {}, $.fn.alertme.defaults, options );
    $divContent =$('<div></div>').appendTo(opts.container);
    $divContent.prop('class','divclass');
  };

  $.fn.alertme.defaults = {
    container: "body",
    background: "yellow"
  };
})(jQuery);

, как я его назвал:

$(document).ready(function(){
  $('#testbutton').on('click',function(){
    $.alertme(
      {container : '#target'}
    );
  });
});

его параметры ошибки возврата не определены

пожалуйста, помогите мне, ребята, что я здесь делаю не так

Answer 1

Передать параметры в качестве аргумента.

(function($){
  $.extend({
    alertme: function(options){
      var defaults = {
        container: "body",
        background: "yellow"
      };
      var opts = $.extend( {}, defaults, options );
      $divContent =$(opts.container).append('<div>abc</div>');
      $divContent.prop('class','divclass');
    }
  });
})(jQuery);