jquery - 使用 css 和 jquery 删除输入图标

Question

我试图让这个工作，但它没有。

我已经删除了我的清理代码，这里是jsfiddle 代码

我正在尝试创建删除输入并重置搜索列表的删除按钮

 -----------------------
|                  | x | <- remove icon inside the input box
 -----------------------     
or 
 ----------------------- ----------
|                      | | All    |  <- all button outside the input box
 ----------------------- ----------

我无法让代码正常工作，例如重置搜索结果

Answer 1

不确定它是否是您正在寻找的...

使用 HTML5 输入类型搜索：

<input class="search clearable" type="search" id="input"/>

然后添加处理程序点击输入：

$('#input').on('click',function(){
        if(this.value === "" ) //case when user reset the input by clicking button
            $(this).keyup();
    });

演示