Jquery 在IE9中查找父元素

我无法在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没有表现出来。我错过了什么

您可以用

---

尝试将jQuery版本更新到2.1或更高版本。这是你的电话号码。代码仍然是一样的

$(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');
  }
});

---

如果您正在寻找直接的家长，请尝试$（this）。家长（“li”）只需尝试好奇Id

li

ul的孩子，它不在您的小提琴中。html无效。用ul包装。这行吗？在IE10中工作不是问题，我的原始代码在那里工作与预期一样。IE9Anybody的IE9似乎没有任何效果，或者只有你的IE9有效？@DirtyBirdDesign已修复（将你的

li

包装在

ul

内），因为可能存在问题。

$(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');
  }
});