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