0

私は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();
});

主に質問したいのは、同じコードを 4 回繰り返さずに-- X --を1,2,3,4に置き換える方法があるということです。どんな助けでも大歓迎です。

4

2 に答える 2

0

これは一般的な 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
于 2013-09-28T20:27:16.360 に答える
0

わかりました。コードを最適化する最も簡単な方法は、関数呼び出しを使用することです。

例：

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

これは最善の解決策ではありませんが、シンプルで機能します。

于 2013-09-29T05:23:46.350 に答える