优化 jQuery 代码的重复和平

Optimize repeating peace of jQuery code

本文关键字：jQuery 代码 优化      更新时间：2023-09-26

我是js和jQuery的新手，我写了一些我认为可以优化的代码。这是我所拥有的：

$(".team-member.personX").click(function(){
    $(this).children(".img-mask").attr("src", "images/img-mask-active.png");
    $(".member-info.personX").fadeIn();
});
$(".member-info.personX .close").click(function(){
    $(".team-member.personX .img-mask").attr("src", "images/img-mask.png");
    $(".member-info.personX").fadeOut();
});

主要是我想问的是有没有办法用 1,2,3,4 替换 - X - 而不重复相同的代码 4 次。任何帮助将不胜感激。

它是关于Javascript的，而不是特定的jQuery。

实际上，循环的一个经典示例。您可以使用 for 循环：

for(i = 1; i <= 4; i++)
{
    //actions utilizing i taking values from 1 to 4
}

。以及字符串可以使用+轻松与数字组合的事实：

$(".member-info.person" + i).fadeIn(); //an example action

好的，我想通了。我发现优化代码的最简单方法是使用函数调用。

例：

function on(x){...}
$(person1).click(function{ on(1) }) and e.t.c.

这不是最好的解决方案，但它简单且有效。

相关文章：