專注於具有相同類別的輸入，但一次隻影響一個輸入

Question

我想對具有相同類別的輸入單擊（焦點）/單擊（模糊）時執行操作，但只需單擊我應該點擊的輸入受到影響的不是所有這些在我這裏的例子http://jsfiddle.net/HTZr2/ **點擊一個輸入，現在所有的描述都顯示出來。我只想顯示我點擊的輸入的描述。

<div class="form-wrapper"> 
    <div class="form-element "> 
     <input type="email" name="email" id="email" value="" autofocus="autofocus" tabindex="1"> 
     <p class="description">First's input description!</p> 
    </div> 
</div> 
<div class="form-wrapper"> 
    <div class="form-element "> 
     <input type="email" name="email" id="email" value="" autofocus="autofocus" tabindex="1"> 
     <p class="description">Second's input description!</p> 
    </div> 
</div> 
<div class="form-wrapper"> 
    <div class="form-element "> 
     <input type="email" name="email" id="email" value="" autofocus="autofocus" tabindex="1"> 
     <p class="description">Third's input description!</p> 
    </div> 
</div> 
<div class="form-wrapper"> 
    <div class="form-element "> 
     <input type="email" name="email" id="email" value="" autofocus="autofocus" tabindex="1"> 
     <p class="description">Forth's input description!</p> 
    </div> 
</div> 

和我的JS：

window.addEvent('domready', function() { 
    $$('.form-element > input').addEvents({ 
    focus: function(){ 
     $$('.form-element').addClass('form_element_active') 
     }, 
    blur: function(){ 
     $$('.form-element').removeClass('form_element_active'); 
     }  
    }); 
}); 

謝謝！

Answer 1

所以只得到父EL：

$$('.form-element > input').addEvents({ 
    focus: function() { 
     this.getParent('.form-element').addClass('form_element_active') 
    }, 
    blur: function() { 
     this.getParent('.form-element').removeClass('form_element_active'); 
    } 
});