Javascript 使用jQuery删除最后一个子项 $(“输入[类型='按钮]”)。单击(函数(){ var a=此.id; 开关(a){ 案件‘div’: 案例“mul”: 案例“sub”: 案例“附加”: 打破 “相等”情况: 打破 “干净”一案: 案例“del”: 控制台日志(a); $(“#屏幕:最后一个子项”).remove(); 打破 违约: $('#screen')。追加('
'+a+''); } }); 这是我的jQuery代码。我想在单击some按钮时附加所选元素的id,并在单击id为clean或del的按钮时删除#屏幕的最后一个子元素。 append在默认情况下使用,工作正常,但是del函数工作不正常。 我尝试了一些方法,但仍然不起作用。 谢谢你回答我的问题。使用Javascript 使用jQuery删除最后一个子项 $(“输入[类型='按钮]”)。单击(函数(){ var a=此.id; 开关(a){ 案件‘div’: 案例“mul”: 案例“sub”: 案例“附加”: 打破 “相等”情况: 打破 “干净”一案: 案例“del”: 控制台日志(a); $(“#屏幕:最后一个子项”).remove(); 打破 违约: $('#screen')。追加(',javascript,jquery,html,Javascript,Jquery,Html,'+a+''); } }); 这是我的jQuery代码。我想在单击some按钮时附加所选元素的id,并在单击id为clean或del的按钮时删除#屏幕的最后一个子元素。 append在默认情况下使用,工作正常,但是del函数工作不正常。 我尝试了一些方法,但仍然不起作用。 谢谢你回答我的问题。使用children() 在动态追加元素时,可能需要使用.on() 试试这个: $("body").on('click', "input[type='button']", function()
children()
在动态追加元素时,可能需要使用.on()
试试这个:
$("body").on('click', "input[type='button']", function() {
var a = this.id;
switch (a) {
case 'div':
case 'mul':
case 'sub':
case 'plus':
break;
case 'equal':
break;
case 'clean':
case 'del':
console.log(a);
$('#screen:last-child').remove();
break;
default:
$('#screen').append('<p>' + a + '</p>');
}
});
$(“输入[类型='按钮]”)。单击(函数(){
var a=此.id;
开关(a){
案件‘div’:
案例“mul”:
案例“sub”:
案例“附加”:
打破
“相等”情况:
打破
案例“干净”| |“del”:
控制台日志(a);
$(“#屏幕*:最后一个子项”).remove();
打破
违约:
$('#screen')。追加(''+a+'');
}
});
你能把这个问题贴在你的html上吗?我想你需要$(“#screen>*:last”).remove()代码>如果有人想查看原始代码,我应该发布我的代码笔。你可以等OP回复@Jonathan requestwow谢谢!我不太了解使用“on”函数的计时,但我看到很多人都在使用它。@honesty1997查看我的更新答案,并举例说明,您使用的是child()
而不是children()
@honesty1997一切正常吗?OP的代码正确,是否case'clean'| del':
有效?
$("#screen").children().last().remove();
$("body").on('click', "input[type='button']", function() {
var a = this.id;
switch (a) {
case 'div':
case 'mul':
case 'sub':
case 'plus':
break;
case 'equal':
break;
case 'clean':
case 'del':
console.log(a);
$('#screen:last-child').remove();
break;
default:
$('#screen').append('<p>' + a + '</p>');
}
});
$("input[type = 'button']").click(function() {
var a = this.id;
switch (a) {
case 'div':
case 'mul':
case 'sub':
case 'plus':
break;
case 'equal':
break;
case 'clean' || 'del':
console.log(a);
$('#screen *:last-child').remove();
break;
default:
$('#screen').append('<p>' + a + '</p>');
}
});