JQuery前置要素を隠す

Question

前置スパンタグを隠す方法がわかりません。私は、フォームでエラーメッセージとしてspanタグを付加次のjQueryコードを持っている：

$('.mcEmail').each(function() { 
     var mcEmailCheck = $(this).val(); 
     var mcEmailRegex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 

     if(!mcEmailCheck.match(mcEmailRegex)) { 
      mcResponse('- Incorrect Email format!', true); 
      $(this).parent().prepend('<span class="mcCustResponse">- Incorrect Email format!</span>'); 
      $(this).addClass('mcError').fadeOut().fadeIn(); 
     } 
    }); 

は、それから私は、次のことを試してください。

$('.mcCustResponse').click(function(){ 
    $(this).fadeOut(1000); 
}); 

同じ他のすべての検証に使用されます。エラーメッセージが正常に表示されます。私はこれらのスパンタグで何かを試してみることができ、何も動作しません。隠すことはできません、フェードアウト、削除など私は間違って何ですか？

ありがとうございました！

Answer 1

$('.mcCustResponse').live("click", function(){ 
    $(this).fadeOut(1000); 
}); 

または

$('.mcCustResponse').bind("click", function(){ 
    $(this).fadeOut(1000); 
}); 

Answer 2

後にそれを追加し、操作し、その後、最初のスパンを作成については何：

var span = '<span class="mcCustResponse">- Incorrect Email format!</span>'; 
span.hide(); 
$(this).parent().prepend(span); 

... 

$(this).parent().find('span').show(); 

は、この情報がお役に立てば幸い！ :)

Answer 3

使用しているjqueryのバージョンは？バージョンによっては.live()または.on()を使用する必要があります。問題は、ページが読み込まれたときにクラスmcCustResponseを持つスパンが存在しないことです。 .click()のコードブロックは、読み込み時にページ上の要素のイベントのみを登録します。今すぐクラスmcCustResponseを持つすべての要素にイベントを登録し、将来は.live()または.on()を使用してイベントを登録する関数を作成できます。

http://api.jquery.com/on/から.on() jqueryの1.7

http://api.jquery.com/live/から.live() 1.7