JQ插件编写(面向对象)

我想请教下以下这段JQ插件代码调用,

html代码:

<p class="p1">11111111</p>

JS代码:

$.fn.hilight = function (options) {
    // 迭代并重新格式化每个匹配的元素。
    return this.each(function () {
        var $this = $(this);
        // ...
        var markup = $this.html();
        console.log(markup);
        // 调用格式函数
        markup = $.fn.hilight.format(markup);
        $this.html(markup);
    });
};
// 定义格式函数
$.fn.hilight.format = function (txt) {
    return '<strong>' + txt + '</strong>';
};
   

我在调用的时候,发现不对

$('.p1').hilight('222222');

截图显示
clipboard.png

strong 中的txt传参为什么不显示了,我没发现问题,F12控制台未报错。

阅读 1.3k
1 个回答

markup = $.fn.hilight.format(markup);
改成
markup = $.fn.hilight.format(options);

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题