Javascript 如何通过单击按钮删除选定的用户输入?

Javascript 如何通过单击按钮删除选定的用户输入?,javascript,Javascript,HTML 多达伊 兹布里什尼 瓦杰 Treningi 项目 JS $(文档).on('click','class',function(){ $('.class').css(“字体重量”,“正常”); $('.class').css(“文本装饰”,“无”); $(本).css(“字体权重”,“粗体”); $(this.css(“文本装饰”,“下划线”); }); $(文档).ready(函数(){ $(“#添加”)。单击(函数(){ var addItem=$(“#dodaj”).val(

HTML


多达伊
兹布里什尼
    瓦杰
  • 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("");
      }
      });
    });