在jquery中使用多个选择器时,查找调用代码块的选择器

时间:2013-12-22 01:21:55

标签: jquery

我想清理我的代码。我有jquery代码切换类但是一些div元素有多个相同的类。我有这个:

       $(".core, .cloud, .sound").hover(function(){

           //NEED CODE HERE THAT WILL ALLOW ME TO SAVE THE
           //CURRENT CLASS(core,cloud or sound) AS A VARIABLE FOR USE BELOW
           //WITH THE EACH FUNCTION

    $(".core").each(function() {
        if($(this).hasClass("outer-circle-large")) {
            $(this).removeClass( "outer-circle-large");
            $(this).addClass("outer-circle-large-hover");
        }
        else {
            $(this).removeClass( "outer-circle-small");
            $(this).addClass("outer-circle-small-hover");
        }
    });

请参阅本节代码中的注释。如果我是一个和/或像html元素的情况由1个或多个类(.core和/或.sound和/或.clound)组成的话也是如此。我尝试了这个,但它只选择了一个元素。

1 个答案:

答案 0 :(得分:0)

这就是我要做的,虽然它没有完全回答你的问题...

<div class="myDivClass" data-whatever="core"></div>
<div class="myDivClass" data-whatever="cloud"></div>
<div class="myDivClass" data-whatever="sound"></div>

var myDivType = '';

$(".myDivClass").hover(function(){
    myDivType = $(this).attr('data-whatever');
});

$(".core").each(function() {
    ...
});

注意:我猜你打算将each()函数放在hover()函数中。我没有看到变量如何帮助。