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

Answer 2

这是你应该做的 DEMO FIDDLE

代码 -

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