Javascript jQuery列表项删除
我几分钟前就写了这段代码,我想知道为什么不删除该项Javascript jQuery列表项删除,javascript,jquery,Javascript,Jquery,我几分钟前就写了这段代码,我想知道为什么不删除该项 (函数($){ $('#btn1')。单击(函数(){ var textVal=$('#input').val(); 如果(textVal!=“”){ $(“#列表”).append(““+textVal+””); } }); $('.remove item')。单击(函数(){ $('.list#'+textVal).remove() }); })(jQuery) 尝试以下代码: var textVal; $('#btn1')。单击(函
(函数($){
$('#btn1')。单击(函数(){
var textVal=$('#input').val();
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
}
});
$('.remove item')。单击(函数(){
$('.list#'+textVal).remove()
});
})(jQuery)代码>
尝试以下代码:
var textVal;
$('#btn1')。单击(函数(){
textVal=$(“#输入”).val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
$('#'+textVal+'.删除项')。单击(函数(e){
$(e.target).parent().remove();
});
}
});代码>
尝试以下代码:
var textVal;
$('#btn1')。单击(函数(){
textVal=$(“#输入”).val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
$('#'+textVal+'.删除项')。单击(函数(e){
$(e.target).parent().remove();
});
}
});代码>
请检查此项。对于当前的li
,无需抓取text
。相反,您可以搜索父级li
,并按如下方式删除它:
(函数($){
$('#btn1')。单击(函数(){
var textVal=$('#input').val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
}
});
$(“#列表”)。在('单击','上。删除项',函数(){
$(this).最近的(“li”).remove()
});
})(jQuery)代码>
请检查此项。对于当前的li
,无需抓取text
。相反,您可以搜索父级li
,并按如下方式删除它:
(函数($){
$('#btn1')。单击(函数(){
var textVal=$('#input').val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
}
});
$(“#列表”)。在('单击','上。删除项',函数(){
$(this).最近的(“li”).remove()
});
})(jQuery)代码>
您需要在主体
上添加一个.on()
,并检查单击的类是否为。删除项
和删除()
(函数($){
$('#btn1')。单击(函数(){
var textVal=$('#input').val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
}
});
$('body')。在('click','上。删除项',函数(e){
$(this.parent().remove())
});
})(jQuery)代码>
您需要在主体
上添加一个.on()
,并检查单击的类是否为。删除项
和删除()
(函数($){
$('#btn1')。单击(函数(){
var textVal=$('#input').val()
如果(textVal!=“”){
$(“#列表”).append(““+textVal+” ”);
}
});
$('body')。在('click','上。删除项',函数(e){
$(this.parent().remove())
});
})(jQuery)代码>
您需要在此处进行活动授权!你需要活动授权!