單擊按鈕時刪除輸入文本

Question

我試圖刪除輸入的val時，單擊重點輸入時出現的按鈕。

這是我的html：

<div class="search-area"> 
       <form action="#" id="ingredientSearchForm"> 
        <input type="text" placeholder="Arama" id="ingredientsSearch"/> 
        <span class="clearable"></span> 
        <span></span> 
        <input id="ingredientSearchSubmit" type="submit" class="hidden" placeholder="Arama"/> 

       </form> 
      </div> 

這是javascript函數：

var searchinput = $(".search-area").find("input"); 


     searchinput.focus(function(){ 
      $(this).data('placeholder',$(this).attr('placeholder')); 
      $(this).attr('placeholder',''); 
      $(this).siblings(".clearable").show(); 



     }); 

     $(".search-area").find(".clearable").on("click", function() { 
      $(this).val(''); 
     }); 
     searchinput.blur(function(){ 
      $(this).attr('placeholder',$(this).data('placeholder')); 
      $(this).siblings(".clearable").hide(); 


     }); 

.clearable是有背景的跨度。通常它是顯示：無。

如果要刪除跨度值，那麼

Answer 1

：

$(".search-area").find(".clearable").on("click", function() { 
      $(this).text(''); 
     }); 

，如果你想刪除然後文本框的值：

$(".search-area").on("click",".clearable", function() { 
       $(this).closest("#ingredientSearchForm").find('#ingredientsSearch').val(''); 
      }); 

Answer 2

我想你想清除點擊searchinput。清除的？

如果是這樣，你應該使用：

$(".search-area").find(".clearable").on("click", function() { 
    searchinput.val(''); 
});