如何检查单击的li元素是否具有特定的类

Question

我有多个列表项，当我单击垂直li时，我想检查单击的li是否具有任何特定的类，或者我编写的代码不起作用，因此如何检查呢？ / p>

$(".sub-menu li").on('click', function() {

  if ($(this).hasClass('matter')) {
    alert();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="sub-menu">
  <li>list 1</li>
  <li class="matter">list 2</li>
  <li>list 3</li>
  <li>list 4</li>
</ul>