JQ插件编写（面向对象）

Question

我想请教下以下这段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');

截图显示

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

Answer 1

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