取消选中复选框时，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');
    });