jQuery addClass example

Change class name on click in jQuery

by Frost819

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/hideseek/0.8.0/jquery.hideseek.min.js"></script>
<article class="list_search">
            <label for="search">Programming Language Popularity</label>
            <input id="search" name="search" placeholder="Start typing here" type="text"  autocomplete="off">
            <ul class="vertical highlight_list" data-list="langs">
              <li>C</li>
              <li>Java</li>
              <li>PHP</li>
              <li>JavaScript</li>
              <li>C++</li>
              <li>Python</li>
              <li>Shell</li>
              <li>Ruby</li>
              <li>Objective C</li>
              <li>C#</li>
            </ul>
          </article>
          <article class="list_search">
            <label for="search">Programming Language Popularity</label>
            <input id="search" name="search" placeholder="Start typing here" type="text" autocomplete="off">
            <ul class="vertical highlight_list" data-list="animals">
              <li>C</li>
              <li>Java</li>
              <li>PHP</li>
              <li>JavaScript</li>
              <li>C++</li>
              <li>Python</li>
              <li>Shell</li>
              <li>Ruby</li>
              <li>Objective C</li>
              <li>C#</li>
            </ul>
          </article>

JavaScript

$('#search').hideseek({
  highlight: true,
  list: '.highlight_list'
});

var wrapList = $('.list_search');
console.log($('.list_search').data('list'));
for (var i = 0; i < wrapList.length; i++){
	$(this).data('list');
  
}