发表新帖
发表新帖

Delete Last Char of String with Javascript

前端 未结
关注
9 722
独厮守ぢ
独厮守ぢ 2021-02-07 05:57

I have a DIV with some characters. How can I remove the last character from the text with each click on the DIV itself?

相关标签:
9条回答
  • 予麋鹿
    2021-02-07 05:59

    This deletes a character each time you click on the div. Without more requirements, I can't give you any more.

    <html>

<head>
    <script>

    function deleteChar(div) {
       div.innerHTML = div.innerHTML.replace(/.$/, '');
    }

    </script>
</head>

<body>

    <div onclick="deleteChar(this)">this is my div</div>

</body>
</html>

    Oh, sorry, you asked for jquery... Well, this is how you do it in straight javascript.

    0 讨论(0)
  • 佛祖请我去吃肉
    2021-02-07 06:00

    Removing First Character

    ​$("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/^.(\s+)?/, '');
    });
});​​​​​​​​​​​​

    Removing Last Character

    $("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/(\s+)?.$/, '');
    });
});

    Removing a Specific Char

    $("div").on("click", function(){
    $(this).text(function(index, text){
        return text.replace(/r/gi, '');
    });
});

    See an example of each online at: http://jsfiddle.net/Xcn6s/

    0 讨论(0)
  • 南旧
    2021-02-07 06:01

    If you wanted to delete the first character of the text every click you could use substring. e.g.:

    $("#textDiv").click(function(){
  $(this).html($(this).text().substring(1));
});
    0 讨论(0)
  • 天涯浪人
    2021-02-07 06:06

    Alternative to Jonathan's answer, how to delete the first character:

    $("div.myDiv").click(function(){
    $(this).html($(this).text().substring(1));
});

    Or, remove the last character:

    $("div.myDiv").click(function(){
    $(this).html($(this).text().replace(/.$/g, ''));
});

    Or, go crazy and remove a character from a random place:

    $("div.myDiv").click(function(){
    var text = $(this).text();
    var index = Math.round(Math.random() * (text.length - 1));
    var result = text.substring(0, index) + text.substring(index + 1, text.length - 1);
    $(this).html(result);
});

    Instead of random place, you can use the above function with a predefined index to remove from a specific location.

    0 讨论(0)
  • 臣服心动
    2021-02-07 06:09

    Assuming you have a reference to the div and it just contains a single text node (as your question implies), this is very simple. Here's a non-jQuery solution:

    div.onclick = function() {
    var textNode = this.firstChild;
    textNode.data = textNode.data.slice(0, -1);
};
    0 讨论(0)
  • 挽巷
    2021-02-07 06:09

    To supplemnt on Jonathons answer, use..

    $("div.myDiv").click(function(){
  $(this).html( $(this).text().replace("/.$/gi", "o") );
});

    To remove the last character

    0 讨论(0)
 看不清?
提交回复
热议问题