jQuery的更新內容使用用戶的文本輸入文本

Question

美好的一天，我有這樣的HTML：

<div class="subcategory_name_wrapper" id="categories"> 

<div class="subcategory_name"> 
     <a href="#1">apple 
     </a> 
     </div> 
<div class="subcategory_name"> 
     <a href="#2">plum 
     </a> 
     </div> 
<div class="subcategory_name"> 
     <a href="#3">cherry 
     </a> 
     </div> 
</div> 

我希望在利用類型，內容更新使用jQuery和文本輸入，來篩選子類別（過濾）根據他的輸入。例如，如果他種櫻桃，只有該分區是SH

Answer 1

試試這個

$('#inputtext').on('keyup',function(e){ 
var searchValue=this.value, 
selector='a:contains("'+searchValue+'")', 
$allDivParents = $('.subcategory_name'); 

$allDivParents .hide(); 
var $validDivsParents = $(selector).parent(); 
$validDivsParents.show(); 
}) 

http://codepen.io/JDev02/pen/YpXoQB