jquery - jqueryアクセスフォーム要素

Question

任意のフォームでボタンをクリックしたフォーム要素にアクセスする方法を知りたいです。

<form action="">
   <textarea>Value1</textarea>
   <input type='submit'>
</form>
<form action="">
   <textarea>Value2</textarea>
   <input type='submit'>
</form>

私が必要なのは; 最初のボタンをクリックすると; 2 番目のボタンをクリックした場合、alert は Value1 である必要があります。アラートは Value2 でなければなりません。これどうやってするの？このような形式はたくさんあるので、すべてのテキストに ID や名前を付けることはできません。

Answer 1

このコードを使用すると、送信ボタンの親フォームでテキストエリアを見つけることができます。

$('input[type=submit]').click(function() {
    alert($(this).parent().find('textarea').val())
})

例: http://jsfiddle.net/BZJYj/

Answer 2

var _clickEvent = function(e) {
     e.preventDefault();

     var value = $(this).closest('form').find('textarea').val();
     alert(value);
};

$('body').on('click', 'input[type=submit]', _clickEvent);