複数のfadeToggle（）がforループ内にありますか？

Question

私は「プロジェクト」オブジェクトを持っています。各プロジェクトには、内部にdivとdivがあり、それは隠されています。私は複数のfadeToggle（）エフェクトを作成したいので、各プロジェクトで最初のdivをクリックすると、その中のものが表示されます。

私はこれを単純なforループで実行しようとしました。

projects.display = function() { 
for (var i = 0; i < projects.length; ++i) { 
    var projectID = "#projects-" + i; 
    var moreInfoID = "#projects-" + i + "-more"; 

    // assign IDs for current project 

    $(projectID).click(function() { 
      $(moreInfoID).fadeToggle(); 
    });  
}}; 

このコードの結果は、メインのdivのいずれかをクリックすると表示されるまでLASTプロジェクトの隠されたdiv要素をトリガーするということです。

メインdivをクリックすると、指定されたhidden divに対してfadeToggle（）が呼び出されるようにするにはどうすればよいですか？

Answer 1

forループが必要です。あなたは、属性を代用することができるはずで始まり、属性は、セレクタで終わる、:has()または:not()

$("[id^=projects]:has([id$=more])").click(function() { 
    $("[id$=more]", this).fadeToggle() 
})