2016-11-08 4 views
-1

guter Tag, ich habe diesen HTML:jquery Aktualisierung von Inhalten unter Verwendung von Benutzertexteingabe Text

<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> 

ich die Unterkategorien mit Jquery und eine Texteingabe filtern möchten, wenn die Nutzungsarten, der Inhalt aktualisiert wird (gefiltert) nach seiner Eingabe. nur zum Beispiel, wenn er Typen Kirsche, dass div ist sh

Antwort

1

diesen versuchen

$('#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

+0

Sorry, aber es nicht zu funktionieren scheint. – user3228565

+0

http://codepen.io/JDev02/pen/YpXoQB Rückstände. – JohnTrack

+0

Welche Änderungen muss ich an der Funktion vornehmen, damit das Match zu CaSe InsenSitive wird? – user3228565

Verwandte Themen