JQueryフォームのコールバック関数

Question

シンプルなJQueryセレクタの問題だと私は思っていましたが、しばらくの間それを使いこなしていました。

私はフォーム要素を含む隠れたdivのそれぞれの兄弟である複数のliを含む順序付けられていないリストを持っています。私は基本的にページ上に複数のフォームを持っています。 IDや追加のクラスを使用せずに、対応するフォームを送信する際に、現在の「hidden」div要素を「hide」または「slideUp」できるようにしたいと考えています。

//（データ==「ご提出いただきありがとうございます。代表はすぐにご連絡させていただきます。」）{「div要素を含むフォームを閉じる」}もし

すべてのヘルプは、最も高く評価されるだろう。サイトと問題のライブバージョンをここで見ることができます：http://clients.jayjodesign.com/executive-council/staging/events.php

Answer 1

あなたは、これが提出されformを指していますpost方法の成功ハンドラ内$(this)を使用しています。 thisインスタンスをローカル変数に格納し、その変数を成功ハンドラ内で使用する必要があります。試してみてください

$(".event-form").submit(function(event) { 
       var $form = $(this); 
     var action = $form.attr('action'), 
      $fields = $form.serializeArray(); 

     $.post(action, $fields, function(data, textStatus, xhr) { 

      alert(data); 

      if(data == "Thank you for your submission. A representative will contact you soon."){ 

       $form.parent('div.right-column').slideUp(); 

      } 

     }); 

     return false; 
    });