javascript - jquery フィルター要素クラス

Question

私は現在のhtmlコードを持っています:

<ul id="test">
  <li class="apple cat active"></li>
  <li class="apple dog"></li>
  <li class="apple bear"></li>
</ul>

次に、onclickリスナーがあります

$('.apple').bind('click',function(){
  alert($(this).attr('class'));
  postClassname(...);
});

指定した繰り返しクラス名をフィルタリングしたい

eg:
"apple bear" > "bear"
"apple dog" > "dog"
"apple hover xyz fox abc123" > "fox"
"apple active cat" > "cat"

クラス名の順序は動的かもしれません

次に、フィルタリングされたクラス名を postClassname() 関数に渡します

postClassname 関数内:

function postClassname(class){
  switch(class){
    case 'fox':
       alert('selected fox');
    break;
  }
}

どうすればそれを達成できますか?

Answer 1

クラス名を分割できます。

$('.apple').click(function() {
    var second_class = this.className.split(/\s+/)[1];

    postClassname(second_class);
});