javascript - 样式化 clickedit 输出

Question

我正在使用 clickedit 插件来编辑标签并输出编辑后的文本。我的目标是在单击并编辑标签后格式化输出。

HTML:

<p class="text-center">
    <font size="5" color="#38283C">
        <b><i><span id="mto-num-detail">KTR-2-KTR2-PR-C-00002</span></i></b>
    </font>
</p>
<input class="form-control clickedit" type="text"/>

JavaScript:

// EDIT ON CLICK
var defaultText = 'Click To Input Custom PO Number';

function endEdit(e) {
    var input = $(e.target),
        p = input && input.prev();

    p.text(input.val() === '' ? defaultText : input.val());
    input.hide();
    p.show();
}

$('.clickedit').hide()
.focusout(endEdit)
.keyup(function (e) {
    if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
        endEdit(e);
        return false;
    } else {
        return true;
    }
})

.prev().click(function () {
    $(this).hide();
    $(this).next().show().focus();
});

我的问题是如何生成与初始文本相同的格式？

Answer 1

你可以像这样在css中创建一个类

.color-text{ color : #F00;}

然后在点击事件中添加这个类。

$('selector').addClass('color-text');