Question

I’m trying to enable keyboard control (arrow up/down)

I’ve my jquery codes as

if($('.yumnak').hasClass('itemCur')) {
    var pntr = $('.yumnak').hasClass('itemCur');
    pntr.next().addClass('itemCur');
    pntr.next().removeClass('item');
    pntr.removeClass('itemCur');
    pntr.addClass('item');
}

and the markup as

<ul>
  <li class="yumnak itemCur"><a href="#">one</a></li>
  <li class="yumnak item"><a href="#">two</a></li>
  <li class="yumnak item"><a href="#">three</a></li>
  <li class="yumnak item"><a href="#">four</a></li>
</ul>

Here, won’t my pntr not work?? It seems it’s not working. How do I maintain a pointer??

Answer 1

Writing $('.yumnak').hasClass('itemCur') returns a boolean indicating whether it has the class.

You probably want to write $('.yumnak.itemCur') to select an element with both classes..