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

问题描述

问 题

我想制作一个简单的插件改变内层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>

看下调试台

请问如何写才正确？

解决方案

<div id="div1">
   <div></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 = {
    title: "这是一个简单的测试"
};
$("#div1").change_text();
</script>

这篇关于javascript - 编写一个最简单的jQuery插件出了问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！