Question

我有这个jquery代码：

 $(document).ready(function() {
$("#masthead ul li").mouseover(function(){
    $("#masthead ul li").removeClass("cr");
    $(this).toggleClass("cr");
});
   }); 

  $(document).ready(function() {
$("#intUl li").mouseover(function(){
    $("#intUl li").removeClass("cr");
    $(this).toggleClass("cr");
});
});

我们可以写两个类似的jquery代码的速记吗？提前致谢

Answer 1

$('#masthead ul li, #intUL li').mouseover(function() {
    $(this).siblings().removeClass("cr");
    $(this).toggleClass("cr");  
});

与原始代码相同;然而，~~不确定你为什么要删除一个类只读它。如果你想把它变成闪光灯或其他什么东西，我很确定它不会像你期望的那样起作用。~~

误解了原意;一位评论者为我澄清了，我修理了它：）

Answer 2

function toggleCRClass(event) {
    $(event.target).siblings().removeClass('cr');
    $(event.target).addClass('cr');
}

$(document).ready(function() {
    $("#masthead ul li, #intUl li").mouseover(toggleCRClass);
});

Answer 3

试试这个：

 $(document).ready(function() {
    $("#masthead ul li, #intUl li").mouseover(function(){
        $(this).removeClass("cr");
        $(this).toggleClass("cr");
    });
 });

Answer 4

$('#masthead ul li, #intUL li').mouseover(function() {
    $(this).addClass('cr').siblings().removeClass('cr');
});

jquery中的简写

4 个答案: