Javascript jquery过滤器元素类

Javascript jquery过滤器元素类,javascript,jquery,filter,onclick,Javascript,Jquery,Filter,Onclick,我有当前的html代码: <ul id="test"> <li class="apple cat active"></li> <li class="apple dog"></li> <li class="apple bear"></li> </ul> 我想筛选指定的重复类名 eg: "apple bear" > "bear" "apple dog" > "dog" "appl

我有当前的html代码:

<ul id="test">
  <li class="apple cat active"></li>
  <li class="apple dog"></li>
  <li class="apple bear"></li>
</ul>
我想筛选指定的重复类名

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;
  }
}

我如何才能做到这一点?

您可以拆分类名:

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

    postClassname(second_class);
});
这是你应该做的

代码--


它总是你想要的第二个类吗?不,顺序可能是随机的,可以有1..n个类?@jkjk:那么你如何选择
狐狸
,和
?JavaScript没有
.isAnimalName()
方法。你在问题中添加的越多,它的意义就越小。停止发布代码,用文字描述你想要什么,以及你被困在哪里。对不起,更新了我的问题
$('.apple').click(function() {
    var second_class = this.className.split(/\s+/)[1];

    postClassname(second_class);
});
var animalList = ['cat', 'dog', 'bear'];
$('.apple').bind('click',function(){
var classList = $(this).attr('class');
classList= classList.split(" ");
$(classList).each(function(){
    if(animalList.indexOf(this+'') >-1)
        postClassname(this);
});
});