如何根據所輸入的文本字段

Question

隱藏或顯示類清除文本字段

我已經通過名稱明確提出了一個類中的文本

http://jsfiddle.net/Loa3go9w/1/

如何使類（searchClear_btn）只顯示文本輸入有一些數據或消失的類？

$("#devsearchinputtext").val('This is test'); 
$("#devsearchinputtext").after('<a class="searchClear_btn">Clear</a>'); 
$(document).on('click', '.searchClear_btn', function(event) { 
    $("#devsearchinputtext").val(''); 
    event.stopImmediatePropagation(); 
     event.preventDefault(); 
     return false; 
}); 

可否請你讓我知道如何實現這一目標

Answer 1

如果輸入有文字，則可以綁定keyup事件並顯示按鈕。

$("#devsearchinputtext").on('keyup', function(){ 
    $('.searchClear_btn').toggle(!!this.value && !!this.value.length) 
}).trigger('keyup'); 

DEMO

Answer 2

你要聽的文本字段的任何輸入的變化，並檢查文本框的值的長度大於0。

$('#devsearchinputtext').on('input',function(e){ 
    if ($(this).val().length > 0) { 
     $(".searchClear_btn").hide(); 
    } else { 
     $(".searchClear_btn").show(); 
    } 
}); 

的input事件通常比keyup更有效，因爲它也監聽比如複製和粘貼的事件。