php - 未选中复选框时的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');
    });