Jquery 대상 부모 노드 확인란을 선택하지 않은 경우

Question

이 Jquery 코드가 있습니다.이 확인란을 선택하지 않으면 텍스트에서 색상이 제거됩니다. 그러나 동일한 모델에 대한 확인란이있는 div가 여러 개 있습니다. 하나의 확인란을 선택 취소하면 모델 클래스가있는 모든 div가 선택 취소되거나 색상이 제거됩니다. 당신이 추가하고 지정된 클래스를 제거하여 쉽게 변경할 수 있도록, 당신은 DIV의 텍스트 색상을 하나 개의 클래스를 사용해야합니다

$(document).ready(function() { 
    $('input[type="checkbox"]').click(function() { 
     var togClass=$(this).attr('class'); 
     if($(this).attr('checked')){ 
    this.parentNode$('div.' + togClass).css("display", "inline-block"); 
     } 
     else { 
     $('div.' + togClass).css("display", "none"); 
     } 
    }); 
}); 

Answer 1

: 난 단지 체크 박스의 부모 노드를 대상으로이를 변경할 수있는 방법

을

$("input[type='checkbox']").click(function() { 
     if($(this).attr('checked')) 
      $(this).parent('div').addClass('colorclass'); 
     else 
      $(this).parent('div').removeClass('colorclass'); 
    });