もんたプラグイン

もんたメソッドを実現する jQuery プラグインを作ってみました！

JavaScript と jQuery の勉強も兼ねて。
JRuby の勉強は、愛機 VAIO type T をリカバリしてしまい、環境がきれいさっぱり無くなったので、また今度。
作成した jQuery プラグインがこちら。

// もんたプラグイン
$.fn.monta = function(text) {
    return this.each(function() {
        // 置換後の文字列を作成
        var eventHandlerText = "this.style.backgroundColor='transparent'";
        var styleText = "background-color:#000;color:#000;";
        var wrapText = '<span title="Click!" style="'
            + styleText
            + '" onclick="'
            + eventHandlerText
            + '">'
            + text
            + '</span>';

        var pattern = new RegExp(text, "gi");
        this.innerHTML = this.innerHTML.replace(pattern, wrapText);
    });
};