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