자바 스크립트에 대한 동적 ID 전달

Question

확인란을 클릭하면 HTML 요소가있는 그룹을 열려고합니다. 그것은 하나의 그룹에 대해 잘 작동합니다 (그 이유는 단지 하나의 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 @

은 'idgr_12'(번호 만 변경) currentElement.sGroupName @
내가 (모든 루프 전체 이름 변경)

을 열려는 '그룹'의 이름처럼 보인다

이 내 자바 스크립트 코드입니다 :

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

지금 내가 체크 박스로 예를 들어 세 그룹 각을 얻을. 그러나 하나의 확인란을 클릭하면 각 그룹이 확장됩니다. 어떻게 활성화 된 체크 박스가있는 그룹 만 확장되도록 자바 스크립트 메소드에서이 동적 ID를 얻습니까? 에서

Answer 1

몸이

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