编写一个最简单的jQuery插件出了问题

Question

我想制作一个简单的插件改变内层div的值，代码如下

    <div id="bb" style="width:220px;border:1px solid #ccc">

           

       <div style="margin-top:10px;margin-bottom:30px">8</div>

       </div>

       <script>

       $.fn.change_text = function(options) {

      options = $.extend({},$.fn.change_text.defaults,options);

      return this.each(function() {

          var self = $(this);

          self.children("div").text(options[title]);

      })

     

    };

     $.fn.change_text.defaults = {

16         title : "这是一个简单的测试" ;

17        

18     } ;

    $("#div1").change_text();

       </script>

看下调试台

请问如何写才正确？

Answer 1

<div id="div1">&nbsp; &nbsp;<div></div></div><script>$.fn.change_text = function(options) {&nbsp; &nbsp; options = $.extend({}, $.fn.change_text.defaults, options);&nbsp; &nbsp; return this.each(function() {&nbsp; &nbsp; &nbsp; &nbsp; var self = $(this);&nbsp; &nbsp; &nbsp; &nbsp; self.children("div").text(options['title']);&nbsp; &nbsp; })};$.fn.change_text.defaults = {&nbsp; &nbsp; title: "这是一个简单的测试"};$("#div1").change_text();</script>