Javascript 如何检查/删除元素？

$（函数（）{
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
if（txt）$（“”，{text:txt.toLowerCase（），insertBefore:this}）；
此值为“”；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13 | 32）/.试验（ev.WHITH））{
$（this.focusout（）；
}否则如果（/（8）/.test（ev.which）和&this.value=''&&$（this.prev（“span”）.css（'background-color'）=='rgb（225,0,0）”）{
$（this.prev（“span”）.remove（）；
}否则如果（/（8）/.测试（ev.WHITH）和&this.value=''）{
$（this.prev（“span”）.css（'background-color'，'Red'）；
}
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
$（this.remove（）；
});
});
#标记{
浮动：对；
边框：1px实心#ccc；
填充物：5px；
字体系列：Arial；
}
#标签>跨度{
光标：指针；
显示：块；
浮动：对；
颜色：#3e6d8e；
背景：#E1ECF4；
填充物：5px；
右边填充：25px；
保证金：4倍；
}
#标记>范围：悬停{
不透明度：0.7；
}
#标记>范围：之后{
位置：绝对位置；
内容：“×”；
边框：1px实心；
填充物：2px 5px；
左边距：3倍；
字体大小：11px；
}
#标签>输入{
方向：rtl；
背景：#eee；
边界：0；
保证金：4倍；
填充：7px；
宽度：自动；
}
.自动完成{
显示：无；
}

php
html
我为您内置了一个计数器，用于检查按键的状态。如果按一次，计数器为1；如果按第二次，计数器将删除元素，并再次为0。我希望这就是你想要的。选中此项：

$(function() {

  counter = 0;

  $("#tags input").on({
    focusout: function() {
      var txt = this.value.replace(/[^a-z0-9\+\-\.\#]/ig, ''); // allowed characters
      if (txt) $("<span/>", {
        text: txt.toLowerCase(),
        insertBefore: this
      });
      this.value = "";
      $("#tags span").css('background-color', '#E1ECF4');
      counter = 0;
    },
    keyup: function(ev) {
      // if: comma|enter (delimit more keyCodes with | pipe)
      if (/(188|13|32)/.test(ev.which)) {
        $(this).focusout();
      } else if (/(8)/.test(ev.which) && this.value == '') {
        counter = counter + 1;
        if (counter == 1) {
          $(this).prev("span").css('background-color', 'Red');
        } else {
          $(this).prev("span").remove();
          counter = 0;
        }
      }
    }
  });
  $('#tags').on('click', 'span', function() {
    $(this).remove();
      $("#tags span").css('background-color', '#E1ECF4');
      counter = 0;
  });

});

$（函数（）{
计数器=0；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
此值为“”；
$（“#标记span”）.css（'background-color'，'#E1ECF4'）；
计数器=0；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13 | 32）/.试验（ev.WHITH））{
$（this.focusout（）；
}否则如果（/（8）/.测试（ev.WHITH）和&this.value=''）{
计数器=计数器+1；
如果（计数器==1）{
$（this.prev（“span”）.css（'background-color'，'Red'）；
}否则{
$（this.prev（“span”）.remove（）；
计数器=0；
}
}
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
$（this.remove（）；
$（“#标记span”）.css（'background-color'，'#E1ECF4'）；
计数器=0；
});
});

我为您内置了一个计数器，用于检查按键的状态。如果按一次，计数器为1；如果按第二次，计数器将删除元素，并再次为0。我希望这就是你想要的。选中此项：

$(function() {

  counter = 0;

  $("#tags input").on({
    focusout: function() {
      var txt = this.value.replace(/[^a-z0-9\+\-\.\#]/ig, ''); // allowed characters
      if (txt) $("<span/>", {
        text: txt.toLowerCase(),
        insertBefore: this
      });
      this.value = "";
      $("#tags span").css('background-color', '#E1ECF4');
      counter = 0;
    },
    keyup: function(ev) {
      // if: comma|enter (delimit more keyCodes with | pipe)
      if (/(188|13|32)/.test(ev.which)) {
        $(this).focusout();
      } else if (/(8)/.test(ev.which) && this.value == '') {
        counter = counter + 1;
        if (counter == 1) {
          $(this).prev("span").css('background-color', 'Red');
        } else {
          $(this).prev("span").remove();
          counter = 0;
        }
      }
    }
  });
  $('#tags').on('click', 'span', function() {
    $(this).remove();
      $("#tags span").css('background-color', '#E1ECF4');
      counter = 0;
  });

});

$（函数（）{
计数器=0；
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
此值为“”；
$（“#标记span”）.css（'background-color'，'#E1ECF4'）；
计数器=0；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13 | 32）/.试验（ev.WHITH））{
$（this.focusout（）；
}否则如果（/（8）/.测试（ev.WHITH）和&this.value=''）{
计数器=计数器+1；
如果（计数器==1）{
$（this.prev（“span”）.css（'background-color'，'Red'）；
}否则{
$（this.prev（“span”）.remove（）；
计数器=0；
}
}
}
});
$（'#标记'）。在（'click'，'span'，function（）上{
$（this.remove（）；
$（“#标记span”）.css（'background-color'，'#E1ECF4'）；
计数器=0；
});
});

您最好切换一个类并检查它，例如：


$（函数（）{
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
此值为“”；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13 | 32）/.试验（ev.WHITH））{
$（this.focusout（）；
}否则如果（/（8）/.test（ev.which）和&this.value=''&&$（this.prev（“span”）.hasClass（'toRemove'））{//span:after{
位置：绝对位置；
内容：“×”；
边框：1px实心；
填充物：2px 5px；
左边距：3倍；
字体大小：11px；
}
#标签>输入{
方向：rtl；
背景：#eee；
边界：0；
保证金：4倍；
填充：7px；
宽度：自动；
}
.自动完成{
显示：无；
}
#标记>span.t移动{
背景色：红色；
}

php
html
您最好切换一个类并检查它，例如：


$（函数（）{
$（“#标记输入”）。在({
focusout:function（）{
var txt=this.value.replace（//[^a-z0-9\+\-\.\\\.\\\\.\\\\]/ig'，）；//允许的字符
如果（txt）$（“”{
text:txt.toLowerCase（），
插入之前：这个
});
此值为“”；
},
键控：功能（ev）{
//如果：逗号|输入（用|管道分隔更多键码）
if（/（188 | 13 | 32）/.试验（ev.WHITH））{
$（this.focusout（）；
}否则如果（/（8）/.test（ev.which）和&this.value=''&&$（this.prev（“span”）.hasClass（'toRemove'））{//span:after{
位置：绝对位置；
内容：“×”；
边框：1px实心；
填充物：2px 5px；
左边距：3倍；
字体大小：11px；
}
#标签>输入{
方向：rtl；
背景：#eee；
边界：0；
保证金：4倍；
填充：7px；
宽度：自动；
}
.自动完成{
显示：无；
}
#标记>span.t移动{
背景色：红色；
}

php
html
改为添加一个类。jQuery css（）方法返回依赖于浏览器的计算样式，您不应该依赖它。无论如何，您的代码似乎已退出