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');
    });