如何将文本切片动态添加到元素？

Question

我正在创建一个用户可以输入消息的应用。它有自己的键盘，你点击每个字母键入框中。我还有一个删除按钮，您可以在其中单击它以删除您键入的内容的最后一个字母。但是，我的jQuery无效。

这是我的Codepen。

JQuery的：

$(document).ready(function () {
var myArray = ['Q', 'W', 'E', 'R', 'T', 'Y']
$.each( myArray, function( i, item ) {
var key = "<div class='letter'>" + item + "</div>";
$(".keyboard").append(key);
});

$('.letter').click(function (){
$('#text').append($(this).text());
});

$("#delete").click(function() {
var str = $('#text').text();
str.innerHtml.slice(0,-1);
});
});

我也跟着这个post修改了链接元素，但他们的解决方案对我不起作用。

任何人都可以帮我弄清楚发生了什么事吗？非常感谢。

Answer 1

你错过了2个部分。 1. str已经是一个字符串，<?xml version="1.0" encoding="UTF-8"?> <mono> <arg>1.5</arg> <var>X</var> <exp>1</exp> </mono> 不是字符串的属性 2.拼接后，需要将其设置回html

因此，您需要将删除功能更新为以下

innerHTML