javascript - jQuery closest() 不适合我(或者我不适合它)

Question

给定这个 jQuery:

$('div.MvcFieldWrapper :input').focus(function() {
      $(this).closest('label.MvcDynamicFieldError').fadeOut();
});

给定这个 HTML:

<div class="MvcFieldWrapper">
    <label class="MvcDynamicFieldPrompt">Enter your email address:</label>
    <label class="MvcDynamicFieldError">Required</label>
    <input type="text" value="" />
</div>

为什么当我专注于输入时标签没有淡出？我确定焦点事件正在发生。

谢谢

Answer 1

通过“ parent ”而不是 sibling 进行最近的观察。你要的是prevAll :

$('div.MvcFieldWrapper :input').focus(function() {
      $(this).prevAll('label.MvcDynamicFieldError').fadeOut();
});

closest其实就是“找到与选择器匹配的最近的祖先，如果符合要求则包括已经选择的元素。”