gpt4 book ai didi

javascript - 如何使用 jquery 删除最后一个元素?

转载 作者:太空狗 更新时间:2023-10-29 14:44:36 25 4
gpt4 key购买 nike

在这里,我尝试创建一个调用板,一次最多读取 10 个数字,并将这些数字最多显示为一行中的 6 个数字。它的功能正常。我想在用户按下清除按钮时删除最后一个数字。

我使用 $("#calling-pad").last().remove(); 尝试删除最后一个号码,但它删除了全部内容并且不允许输入一个新号码。我该如何解决?

var key = 1;

$("#nine").click(function(){
if (p === 1) {
$("#mini-screen").css("display","none");
$("#number-screen").css("display","block");
if (key < 11) {
if ((key % 7) !== 0) {
$("#calling-pad").append("9");
key = key + 1;
}
else {
$("#calling-pad").append("<br>");
$("#calling-pad").append("9");
key = key + 1;
}
}
}
});

$("#inner-icon-one").click(function(){
if (p === 1) {
$("#mini-screen").css("display","none");
$("#number-screen").css("display","block");
if (key > 1) {
if ((key%6) !== 0) {
$("#calling-pad").last().remove();
key = key - 1;

if ( key === 1) {
$("#number-screen").css("display","none");
$("#mini-screen").css("display","block");
}
}
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="calling-pad"> </span>

最佳答案

您只是将数字附加到 span 标记,并没有真正跟踪用户输入。

$("#calling-pad").last().remove();

告诉 jQuery 删除全部内容,因为您没有向 calling-pad 范围插入任何子元素。

因此,您可以使用数组来跟踪用户数量或使用计数器,如下所示。

var totalInputs = 0;

$("#insert").on("click", function() {
totalInputs++;
var inputText = $("#input").val();
var id = "calling_" + totalInputs;
$("#calling-pad").append("<span id='" + id + "'>" + inputText + "</span>");
});

$("#remove").on("click", function() {
$("#calling_" + totalInputs).remove();
totalInputs--;
});
span {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<input type="text" id="input" />
<button id="insert">Insert</button>

<div id="calling-pad">
</div>

<button id="remove">Remove last element</button>

关于javascript - 如何使用 jquery 删除最后一个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40436906/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com