jQuery가있는 양식이 올바로 작동하지 않습니다.

Question

양식을 만들려고합니다. 옵션을 선택하면 빈 값이 제거되고 색상이 변경됩니다.

그러나 옵션을 변경하면 모든 빈 값이 동시에 제거됩니다.

이 문제를 해결하려면 어떻게해야합니까? 사전에

DEMO

$(document).ready(function() { 
    $('.changeMe').change(function(){ 
     $('.empty').remove(); 
     $(this).css({'color':'black'}); 
    }); 
}); 

감사

Answer 1

http://jsfiddle.net/Cjdbx/4/

$('.changeMe').change(function(){ 
    $('.empty',this).remove(); 
    $(this).css({'color':'black'}); 
}); 

empty으로 모든 수업을 삭제합니다. 당신은 관련된 것만 제거해야합니다. 따라서 this을 사용하십시오.

Answer 2

시도 :

$(this).find('.empty').remove(); 

Demo

Answer 3

OK,이 시도 :

$(document).ready(function() { 
     $('.changeMe').change(function(){ 
      var $this = $(this); 
      $this.parents("div").find('.empty').remove(); 
      $this.removeClass("blue"); 
      $this.addClass("black"); 
     }); 
    }); 

는 기본적으로, 당신은 어떤 .empty의 후손 (행을 포함하는) 부모 DIV를 찾아 제거하기 위해 먼저해야합니다.