javascriptの動的IDを渡す

Question

チェックボックスをクリックすると、HTML-Elementsでグループを開きます。それは1つのグループに対してうまく動作します（なぜなら、私は1つのIDしか持たないからです）。しかし、グループが増えれば、各グループには動的ID（divタグと入力タグ）があります。これは私のHTMLコードです

<div style="line-height: 1.7em; background-color: #eee;"> 
    <span style="padding-left: 8px; color: #eb8f00; font-size: 1.1em; font-weight: bold; font-family: 'Trebuchet MS', Verdana, Helvetica, Sans-Serif;"> 
     <input style="vertical-align: middle;" id="@currentElement.sGroupId" type="checkbox" name="@currentElement.sGroupId" /> 
     <label for="@currentElement.sGroupId">@currentElement.sGroupName</label> 
    </span> 
</div> 

<div style="background-color: #eee;" class="@currentElement.sGroupName"> 
    <!-- Dynamic content --> 
</div> 

私はこれらの文字列を私のforeachループのために持っています。 currentElement.sGroupId @

currentElement.sGroupName @「idgr_12」（番号のみの変更）
は私が開きたい「グループ」（すべてのループを備えた全体名の変更）

の名前であるように見えます

これは私のJavascriptのコードです：

$(function() { 
    $("id from div").hide(); 
    $("id from input").change(function() { 
     var $this = $(this); 
     if ($this.is(":checked")) { 
     $("id from div").show(250); 
     } 
     else { 
     $("id from div").hide(250); 
     } 
    }); 
}); 

は、今私は、例えば三つのグループ、チェックボックスでそれぞれを取得します。しかし、1つのチェックボックスをクリックすると、各グループが展開されます。私はどのように私のjavascriptメソッドで、これらの動的IDを取得するので、アクティブなチェックボックスを持つグループのみが拡張されますか？中

Answer 1

あなたの体あなたが

$(this).parent('div').show(250)