Javascript:如何从div或字符串中删除最后一个字符？

Question

我有一个包含一串内容的div.内容不存储在变量中,我想删除此div中文本的最后一个字符.有什么帮助吗？

更多信息:

---

我有一个文本字段,在文本字段中输入文本后,文本以大写字母显示在div中.当用户点击后退空格键时,我希望删除div中的最后一个字符.我主要使用jQuery来实现这一点.这是我的代码:

$(document).ready(function(){
    $("#theInput").focus();   //theInput is the text field

    $('#theInput').on('keypress', printKeyPress);

    function printKeyPress(event)
    {
        //#mainn is the div to  hold the text
        $('#mainn').append(String.fromCharCode(event.keyCode));
        if(event.keyCode ==8)   //if backspace key, do below
        {
            $('#mainn').empty();  //my issue is located here...I think
        }
    }

});

我试过了 $('#mainn').text.slice(0,-1);

我也尝试将#theInput的值存储在一个变量中,然后打印它,但这不起作用.有任何想法吗 ？

Answer 1

$('#mainn').text(function (_,txt) {
    return txt.slice(0, -1);
});

演示--> http://jsfiddle.net/d72ML/8/

Answer 2

你确定要删除最后一个字符吗？如果用户从单词的中间按退格键怎么办...更好的是从字段中获取值并替换divs html.关键字

$("#div").html($("#input").val());