Question

我是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();
});

主要是我想问一下如何将 - X - 替换为 1,2,3,4 ，而不重复相同的代码4次。任何帮助将不胜感激。

Answer 1

这是关于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

Answer 2

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

示例：

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

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

优化jQuery代码的重复和平

2 个答案: