尝试使用jquery从待办事项列表中删除<li>

时间:2017-02-17 19:21:06

标签: jquery

所以即时制作一个Todo列表,我有一个按ID删除列表的按钮。 即时尝试从页面中删除实际列表

abstract class BaseModel<ParentType extends BaseModel<ParentType>> {
  ParentType parentModel;
}

class ParentModel extends BaseModel<Null> {}

class ChildModel extends BaseModel<ParentModel> {}

这就是我创建列表的方式。任何人都可以帮我如何从页面中删除列表?

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解,但是这里有一个示例,您可以使用按钮添加列表中的元素以清空该列表。

&#13;
&#13;
  $(document).ready(
    function() {
      $('#add').click(function() {
          let $input = $('#create-list > div > input[type="text"]');
          let toAdd = $input.val();

           if ($.trim(toAdd)) {
               $('ol').append('<li>' + toAdd + '</li>');
               $input.val('');
           }
      });
      $('#remove').click(function () {
        $('ol').empty();
      });
   }
);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="create-list">
    <div><input type="text" /></div>
    <ol></ol>
    <button id="add">add</button>
    <button id="remove">remove list</button>
</div>
&#13;
&#13;
&#13;