Javascript 如何通过单击按钮删除选定的用户输入?
HTMLJavascript 如何通过单击按钮删除选定的用户输入?,javascript,Javascript,HTML 多达伊 兹布里什尼 瓦杰 Treningi 项目 JS $(文档).on('click','class',function(){ $('.class').css(“字体重量”,“正常”); $('.class').css(“文本装饰”,“无”); $(本).css(“字体权重”,“粗体”); $(this.css(“文本装饰”,“下划线”); }); $(文档).ready(函数(){ $(“#添加”)。单击(函数(){ var addItem=$(“#dodaj”).val(
多达伊
兹布里什尼
瓦杰
- Treningi
项目
JS
$(文档).on('click','class',function(){
$('.class').css(“字体重量”,“正常”);
$('.class').css(“文本装饰”,“无”);
$(本).css(“字体权重”,“粗体”);
$(this.css(“文本装饰”,“下划线”);
});
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
var addItem=$(“#dodaj”).val();
如果(附加项长度>0){
$(“ul”).append(“”+addItem+” ”);
$(“#dodaj”).val(“”);
}
});
});
在我的一生中,我不知道如何使用删除按钮(id=Remove)删除选定的LI项。尝试使用此关键字,但它只删除了删除按钮。除了针对
项设置CSS外,我建议您还设置另一个类作为标识符使用。。。然后您可以.remove()
删除该项
我也对你的代码做了一些小的改进
$(文档).on('click','class',function(){
$(“.class”)
.css({“字体重量”:“正常”,“文本装饰”:“无”)
.removeClass(“selectedItem”);
$(本)
.css({“字体重量”:“粗体”,“文本装饰”:“下划线”})
.addClass(“selectedItem”);
});
$(函数(){
$(“#添加”)。单击(函数(){
var addItem=$(“#dodaj”).val();
如果(附加项长度>0){
$(“ul”).append($(')).text(addItem));
$(“#dodaj”).val(“”);
}
});
$(“#删除”)。单击(函数(){
$(“.selectedItem”).remove();
});
});代码>
多达伊
兹布里什尼
瓦杰
- Treningi
项目
这是否回答了您的问题@MasihJahangiri-100%的答案是错误的。。。这与清除表单字段无关。很抱歉我犯了一个错误。您好,请阅读完整的可复制示例,并添加removeLI()函数或任何缺少的元素以帮助社区回答您的问题。哇,这太完美了。谢谢你,mcuh
$(document).on('click', '.class', function(){
$('.class').css("font-weight", 'normal');
$('.class').css("text-decoration", 'none');
$(this).css("font-weight", 'bold');
$(this).css("text-decoration", 'underline');
});
$(document).ready(function(){
$("#add").click(function(){
var addItem= $("#dodaj").val();
if(addItem.length > 0){
$("ul").append('<li class="class">'+ addItem + '</li>');
$("#dodaj").val("");
}
});
});