jquery添加类输入点击并删除类当点击其他输入

Question

我需要添加一个类到输入包装当我点击输入，并删除类别时，其他输入被点击。

我试过toggleClass，但它只会删除类，当同样的输入再次点击。

我试过使用函数：find（）和closest（），但无法确切地确定我需要哪一个，或者它们按什么顺序被调用......任何帮助将不胜感激。

到目前为止，这里是代码：

<div class="wrapper"> 
    <label for="name" class="required"> 
     name 
    </label> 
    <div class="data_area"> 
     <input type="text" id="" name="" value="" title="" class="" /> 
    </div> 
</div> 

<div class="wrapper"> 
    <label for="other name" class="required"> 
     last name 
    </label> 
    <div class="data_area"> 
     <input type="text" id="" name="" value="" title="" class="" /> 
    </div> 
</div> 


<script> 
    $('.wrapper input').click(function() { 
     $(this).parent().addClass('red'); 
    }); 
</script> 

<style> 
.red {background:red;} 
</style> 

Answer 1

我想你在找什么是焦点/模糊，而不是点击

$('.wrapper input').focus(function() { 
    $(this).parent().addClass('red'); 
}).blur(function() { 
    $(this).parent().removeClass('red'); 
}); 

演示：Fiddle

如果仍要然后单击try this