使用jQuery的表单无法正常工作

时间:2014-01-24 20:22:57

标签: javascript jquery html5 forms

我正在尝试制作表格。选择选项时,将删除空值并更改颜色。

但是,当您更改选项时,所有空值都会同时被删除。

我需要做些什么来解决这个问题?

DEMO

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

提前致谢

3 个答案:

答案 0 :(得分:1)

尝试:

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

Demo

答案 1 :(得分:1)

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

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

您正在使用empty删除所有课程。您只需删除相关的那个。因此,请使用this

答案 2 :(得分:0)

好的,试试这个:

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

基本上,您首先需要找到父div(包含行)并删除任何.empty后代。