javascript - 以特定形式引用输入

Question

我正在以下列方式捕获使用 Twitter Bootstrap 创建的表单的数据异步:

 $('form[data-async]').live('submit', function(event) {
        var $form = $(this);
        var $target = $($form.attr('data-target'));
        var target_id = $target[0].id;

  ....
 }

我想在相关表单中引用名称为“用户名”的输入...我尝试了 $form.username、$form['username']，但无济于事，而且我找不到方法获取输入。我知道我可以使用

  $('#formid input[name=bla]') 

但是因为我已经有了表单对象，所以我想尽可能使用它。

谢谢

Answer 1

你可以使用.find():

var $input = $form.find('input[name=bla]');

edit — 评论者 Jack 指出表单 DOM 元素还有 HTML5“元素”属性。这使您可以按名称或 ID 或数字索引获取输入。

var input = this.elements['bla'];

按名称访问很复杂，因为该机制还考虑了元素“id”属性(我认为实际上这些属性优先)。