Jquery 如何获取鼠标在上面的元素的类名

我的菜单如下：

<div id="wrapper"><div class="lavalamp" dir="<%=Resources.Resource.Direction %>"><ul>
   <li class="active"><asp:LinkButton ID="HomeBTN" runat="server" onclick="HomeBTN_Click" Text="<%$Resources:Resource, HomeArea %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="RegisterBTN" runat="server" onclick="RegisterBTN_Click" Text="<%$Resources:Resource, RegisterLBL %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="WorkReq" runat="server" onclick="WorkReqBTN_Click" Text="<%$Resources:Resource, WReq %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="EmployeeReq" runat="server" onclick="EmployeeReq_Click" Text="<%$Resources:Resource, EReq %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="RecManager" runat="server" onclick="RecManager_Click" Text="<%$Resources:Resource, RecManageLBL %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="News" runat="server" onclick="News_Click" Text="<%$Resources:Resource, News %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="ContactUsBTN" runat="server" onclick="ContactUsBTN_Click" Text="<%$Resources:Resource, ContactUsArea %>"></asp:LinkButton></li>
   <li><asp:LinkButton ID="AboutUsBTN" runat="server" onclick="AboutUsBTN_Click" Text="<%$Resources:Resource, AboutUsArea %>"></asp:LinkButton></li>
   <li><asp:HyperLink ID="HelpHPL" runat="server" Target="_blank" Text="<%$Resources:Resource, Help %>"></asp:HyperLink></li>
</ul>
<div class="floatr"></div></div></div>

$(document).ready(function () {

var dleft = $('.lavalamp li.active').offset().left - $('.lavalamp').offset().left;
var dwidth = $('.lavalamp li.active').width() + "px";



$('.floatr').css({
    "left": dleft + "px",
    "width": dwidth
});


$('li').hover(function () {

    var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + Size);
    var width = $(this).width() + "px";
    var sictranslate = "translate(" + left + "px, 0px)";

    $(this).parent('ul').next('div.floatr').css({
        "width": width,
        "-webkit-transform": sictranslate,
        "-moz-transform": sictranslate
    });

},

function () {

    var left = $(this).siblings('li.active').offset().left - ($(this).parents('.lavalamp').offset().left + Size);
    var width = $(this).siblings('li.active').width() + "px";

    var sictranslate = "translate(" + left + "px, 0px)";

    $(this).parent('ul').next('div.floatr').css({
        "width": width,
        "-webkit-transform": sictranslate,
        "-moz-transform": sictranslate

    });

})

}))

我想当鼠标在'li'上时，每个'li'都设置有特定的背景颜色（在top Jquery的帮助下）

请帮帮我

我很抱歉我在英语方面的弱点。多谢各位

$('li').hover(function () {

.......
  $(this).attr('class');
});

---

@Alireza Massali。现在我看到了您的请求，并将代码更改为：

<ul>
  <li class="active"><asp:LinkButton ID="HomeBTN" runat="server" onclick="HomeBTN_Click" Text="<%$Resources:Resource, HomeArea %>"></asp:LinkButton></li>
  <li class="li2"><asp:LinkButton ID="RegisterBTN" runat="server" onclick="RegisterBTN_Click" Text="<%$Resources:Resource, RegisterLBL %>"></asp:LinkButton></li>
  <li class="li3"><asp:LinkButton ID="WorkReq" runat="server" onclick="WorkReqBTN_Click" Text="<%$Resources:Resource, WReq %>"></asp:LinkButton></li>
  <li class="li4"><asp:LinkButton ID="EmployeeReq" runat="server" onclick="EmployeeReq_Click" Text="<%$Resources:Resource, EReq %>"></asp:LinkButton></li>
  <li class="li5"><asp:LinkButton ID="RecManager" runat="server" onclick="RecManager_Click" Text="<%$Resources:Resource, RecManageLBL %>"></asp:LinkButton></li>
  <li class="li6"><asp:LinkButton ID="News" runat="server" onclick="News_Click" Text="<%$Resources:Resource, News %>"></asp:LinkButton></li>
  <li class="li7"><asp:LinkButton ID="ContactUsBTN" runat="server" onclick="ContactUsBTN_Click" Text="<%$Resources:Resource, ContactUsArea %>"></asp:LinkButton></li>
  <li class="li8"><asp:LinkButton ID="AboutUsBTN" runat="server" onclick="AboutUsBTN_Click" Text="<%$Resources:Resource, AboutUsArea %>"></asp:LinkButton></li>
  <li class="li9"><asp:HyperLink ID="HelpHPL" runat="server" Target="_blank" Text="<%$Resources:Resource, Help %>"></asp:HyperLink></li>
</ul>

$('li').hover(function () {

    var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + Size);
    var width = $(this).width() + "px";
    var sictranslate = "translate(" + left + "px, 0px)";

    var BackgroundColor = "Blue";
    if ($(this).attr('class') == "li2") {
        BackgroundColor = "#d3d0b5";
    }
    else if ($(this).attr('class') == "li3") {
        BackgroundColor = "#eccb90";
    }
    else if ($(this).attr('class') == "li4") {
        BackgroundColor = "#fba884";
    }
    else if ($(this).attr('class') == "li5") {
        BackgroundColor = "#fdc0b6";
    }
    else if ($(this).attr('class') == "li6") {
        BackgroundColor = "#f66d62";
    }
    else if ($(this).attr('class') == "li7") {
        BackgroundColor = "#f897ab";
    }
    else if ($(this).attr('class') == "li8") {
        BackgroundColor = "#f9abcc";
    }
    else if ($(this).attr('class') == "li9") {
        BackgroundColor = "#f66bc0";
    }
    else {
        BackgroundColor = "#e0d99c";
    }

    $(this).parent('ul').next('div.floatr').css({
        "width": width,
        "-webkit-transform": sictranslate,
        "-moz-transform": sictranslate, "background-color": BackgroundColor
    });

}

$（'li'）。悬停（函数（）{
var left=$（this.offset（）.left-（$（this.parents）（'.lavalamp'）.offset（）.left+Size）；
变量宽度=$（this）.width（）+“px”；
var sictranlate=“translate（“+left+”px，0px）”；
var BackgroundColor=“蓝色”；
if（$（this.attr（'class'）==“li2”）{
BackgroundColor=“#d3d0b5”；
}
else if（$（this.attr（'class'）==“li3”）{
BackgroundColor=“#eccb90”；
}
else if（$（this.attr（'class'）==“li4”）{
BackgroundColor=“#fba884”；
}
else if（$（this.attr（'class'）==“li5”）{
BackgroundColor=“#fdc0b6”；
}
else if（$（this.attr（'class'）==“li6”）{
BackgroundColor=“#f66d62”；
}
else if（$（this.attr（'class'）==“li7”）{
BackgroundColor=“#f897ab”；
}
else if（$（this.attr（'class'）==“li8”）{
BackgroundColor=“#f9abcc”；
}
else if（$（this.attr（'class'）==“li9”）{
BackgroundColor=“#f66bc0”；
}
否则{
BackgroundColor=“#e0d99c”；
}
$（this）.parent（'ul'）.next（'div.float'）.css({
“宽度”：宽度，
“-webkit转换”：sictranslate，
“-moz transform”：sictranslate，“背景色”：BackgroundColor
});
}

我希望我能帮上忙。很抱歉没有及时回复你

<ul>
  <li class="active"><asp:LinkButton ID="HomeBTN" runat="server" onclick="HomeBTN_Click" Text="<%$Resources:Resource, HomeArea %>"></asp:LinkButton></li>
  <li class="li2"><asp:LinkButton ID="RegisterBTN" runat="server" onclick="RegisterBTN_Click" Text="<%$Resources:Resource, RegisterLBL %>"></asp:LinkButton></li>
  <li class="li3"><asp:LinkButton ID="WorkReq" runat="server" onclick="WorkReqBTN_Click" Text="<%$Resources:Resource, WReq %>"></asp:LinkButton></li>
  <li class="li4"><asp:LinkButton ID="EmployeeReq" runat="server" onclick="EmployeeReq_Click" Text="<%$Resources:Resource, EReq %>"></asp:LinkButton></li>
  <li class="li5"><asp:LinkButton ID="RecManager" runat="server" onclick="RecManager_Click" Text="<%$Resources:Resource, RecManageLBL %>"></asp:LinkButton></li>
  <li class="li6"><asp:LinkButton ID="News" runat="server" onclick="News_Click" Text="<%$Resources:Resource, News %>"></asp:LinkButton></li>
  <li class="li7"><asp:LinkButton ID="ContactUsBTN" runat="server" onclick="ContactUsBTN_Click" Text="<%$Resources:Resource, ContactUsArea %>"></asp:LinkButton></li>
  <li class="li8"><asp:LinkButton ID="AboutUsBTN" runat="server" onclick="AboutUsBTN_Click" Text="<%$Resources:Resource, AboutUsArea %>"></asp:LinkButton></li>
  <li class="li9"><asp:HyperLink ID="HelpHPL" runat="server" Target="_blank" Text="<%$Resources:Resource, Help %>"></asp:HyperLink></li>
</ul>

$('li').hover(function () {

    var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + Size);
    var width = $(this).width() + "px";
    var sictranslate = "translate(" + left + "px, 0px)";

    var BackgroundColor = "Blue";
    if ($(this).attr('class') == "li2") {
        BackgroundColor = "#d3d0b5";
    }
    else if ($(this).attr('class') == "li3") {
        BackgroundColor = "#eccb90";
    }
    else if ($(this).attr('class') == "li4") {
        BackgroundColor = "#fba884";
    }
    else if ($(this).attr('class') == "li5") {
        BackgroundColor = "#fdc0b6";
    }
    else if ($(this).attr('class') == "li6") {
        BackgroundColor = "#f66d62";
    }
    else if ($(this).attr('class') == "li7") {
        BackgroundColor = "#f897ab";
    }
    else if ($(this).attr('class') == "li8") {
        BackgroundColor = "#f9abcc";
    }
    else if ($(this).attr('class') == "li9") {
        BackgroundColor = "#f66bc0";
    }
    else {
        BackgroundColor = "#e0d99c";
    }

    $(this).parent('ul').next('div.floatr').css({
        "width": width,
        "-webkit-transform": sictranslate,
        "-moz-transform": sictranslate, "background-color": BackgroundColor
    });

}