用Jquery選擇類元素

Question

我的頁面上有一些元素。這些是他們中的一些：

<div class="tile 11"></div> 
<div class="tile 35"></div> 
<div class="tile 89"></div> 

我想要一個CLASS元素進入變量，只要我把它懸停在變量中。

我試圖

$(".tile").mouseenter(function(){   //on mouse over 
    $(this).css("background-color", "red"); //check if selected 
    myVariable = $(this).css;     //then place css into variable 
    }).mouseleave(function() {    //..and when I leave it 
     $(this).removeAttr("style");  //remove color 
}); 

但它沒有工作。

例如，當我懸停第一個圖塊時，「myVariable」應該是「圖塊11」，但它不是。爲什麼？

Answer 1

這很容易。您需要使用$(this).attr("class")，如下所示。

$(".tile").mouseenter(function(){   //on mouse over 
 
    $(this).css("background-color", "red"); //check if selected 
 
    var myVariable = $(this).attr("class");     //then place css into variable 
 
    alert(myVariable); 
 
}).mouseleave(function() {    //..and when I leave it 
 
     $(this).removeAttr("style");  //remove color 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="tile 11">div 1</div> 
 
<div class="tile 35">div 2</div> 
 
<div class="tile 89">div 3</div>