HTML类未删除

Question

请参阅我的示例：https://jsfiddle.net/ddan/xvq6ofhh/

JS

$(function() {
  var listEditPane = $('#editpane');

  console.log($(listEditPane).find('.input-highlight').length); // 2
  $(listEditPane).find('.input-highlight').removeClass('.input-highlight');
  console.log($(listEditPane).find('.input-highlight').length); // still 2 ???
});

班级没有删除，长度仍然保持不变。我错过了什么？

$(listEditPane).find('.input-highlight').removeClass('.input-highlight');

Answer 1

.removeClass() method期望删除类的名称，但是您传递的是选择器'.input-highlight'。从头开始删除.：

$(listEditPane).find('.input-highlight').removeClass('input-highlight');

演示：https://jsfiddle.net/xvq6ofhh/1/