jquery - jquery访问表单元素

Question

我想知道如何访问以任何形式单击按钮的表单元素。

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

我需要的是；如果我点击第一个按钮；如果我点击第二个按钮，警报必须是 Value1；警报必须是 Value2。我怎样才能做到这一点？会有很多这样的形式，所以我不能给每一个文本都赋予 id 或 name。

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);