Javascript jquery过滤器元素类
我有当前的html代码: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
<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);
});
});