Question

我无法在IE9中使用其他版本在任何浏览器都可以。当您单击文本输入时，我需要向父级“li”添加一个类。

$(document).on('focus', '.fieldSlick', function(){
    $(this).parents("li:first").addClass('input--filled');
});
$(document).on('blur', '.fieldSlick', function(){
    if(!$.trim(this.value).length){
        $(this).parents("li:first").removeClass('input--filled');
    }
});

这应该很简单，但是IE9没有表现。我错过了什么？ fiddle

Answer 1

您可以使用closest()

进行尝试

$(document).on('focus', '.fieldSlick', function(){
  //$(this).parent().addClass('input--filled');
  $(this).closest("li").addClass('input--filled');
});

Example

Answer 2

尝试将jQuery版本更新为2.1或更高版本。这是Fiddle。守则仍然是相同的

$(document).on('focus', '.fieldSlick', function(){
  //$(this).parent().addClass('input--filled');
  $(this).parents("li:first").addClass('input--filled');
});
$(document).on('blur', '.fieldSlick', function(){
  if(!$.trim(this.value).length){
    $(this).parent().removeClass('input--filled');
  }
});

在IE9中查找父元素

2 个答案: