idループjqueryを1つだけ表示する方法は？

Question

私はjqueryの初心者です。だから私は自分の問題を解決するのに役立つ誰かを幸せに感じる。 私は単純にすべてのdivブロックに隠されたクラスを追加したいのですが、ボタンidをクリックするだけでフォームを表示する必要があることを示しています。

私のjqueryのコードは次のとおりです。 - 私は一度にforループの内側ループのそれぞれを隠されたクラスを追加したい

$('.editFunding'+(fundingCounter-1)).click(function() { 
    var editID=$(this).attr('id'); 
    $("#funding"+editID).show(); 
    var i; 
    for(i=0;i<editID && i> editID; i++) 
    { 
     $("#funding"+i). addClass("hidden"); 
     } 
    }); 

。 しかし、このコードは機能しません。 私はこの問題を解決するのに役立つことができる人に感謝しています。

Answer 1

ループの必要はありません。あなたはidが資金$('[id^="funding"]')で始まると、すべての要素を選択するセレクタを使用し、表示する必要がidを持つ要素。..を表示しますので、この

$('[id^="funding"]').addClass("hidden");  // add class for all 
$("#funding"+editID).removeClass("hidden"); // remove class for wanted id 

のようなあなたのコードを配置する必要があることができながら、

か、だからあなたのタラをお使いのすべてのブロックIDがfundingで始まり、あなたのボタンクラスがeditFundingで始まりますが、あなたはhide()とshow()

$('[id^="funding"]').hide(); 
$("#funding"+editID).show(); 

を使用することができますeは次のようになります

$('[class^="editFunding"]').click(function() { 
    var editID=$(this).attr('id'); 
    $('[id^="funding"]').addClass("hidden");  // add class for all 
    $("#funding"+editID).removeClass("hidden"); // remove class for wanted id 
});