jQuery addClass example

Change class name on click in jQuery

by wisegorilla

HTML

<input id="store-search" placeholder="Enter City Name">
<div class="store munich store-hide">Munich</div>

<div class="store berlin store-hide">Berlin</div>

CSS

.store-hide {
	display: none;
}

JavaScript

var search_field = $('#store-search');

search_field.on('input',function(e){
var search_query = '.' + search_field.val();
var selector = search_query.toLowerCase()
$('.store-hide').addClass('store-hide');
$(selector).removeClass('store-hide');
});