Jquery当复选框未选中时的目标父节点

Question

我有这个Jquery代码，如果未选中复选框，将从文本中移除颜色。不过，也有与复选框相同型号的多个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

你应该使用一个类来上色div的文本，这样你就可以通过添加和删除给定类容易改变它：

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