将 Jquery 选择器的名称设置为变量中的字符串

Question

我对 Jquery 很菜鸟，但我试图根据表单元素的名称设置一个变量。

即基于此示例的变量 =“someForm”：

<form id="hello" name="someForm" >
First name: <input type="text" name="firstname" />
Last name: <input type="text" name="lastname" />
Email: <input type="text" name="email" />
<input type="submit" value="Subscribe" />
</form>

我正在使用以下代码，但它似乎不起作用：

var formName = 0;
$('input').parentsUntil('form', this).focus(function() {var formName = this.name;})
if (stTime == 0) { // This ensures someone cannot start a form multiple times
    var stTime = new Date();
    stDelay = stTime - loTime;
    alert(formName);
}

提前致谢！

Answer 1

focus 事件不会冒泡，请参阅 http:// www.quirksmode.org/dom/events/blurfocus.html#t06

其他几个问题：

1. 分配给事件处理程序内部的 formName 变量与第一个变量不同行，因为您重新声明了它，所以它仅存在于该事件函数的范围内。
2. parentsUntil 将返回所有祖先直到 < code>form 元素，而不是元素本身，这可能是您想要的。

您的代码脱离了上下文，因此很难理解如何使用 formName 和计时器变量以及应在何处声明它们，但这应该适用于事件：

$('form :input').focus(function() {
    formName = $(this).parents('form').attr('name');
});

:input 是一个 jQuery 选择器，它匹配所有 类型，以及 </code> 和 <code><select></code>

Answer 2

focus 事件会冒泡，所以你可以只使用：

$('form').focus(function() {
  formName = this.name;
});

但最好在提交时存储你的计时器，例如：

$('form').submit(function() {
  formName = this.name;
});

另外不要在内部使用 var事件处理程序，因为这将创建一个新的局部变量，不设置在其上面声明的 formName 变量。

Answer 3

var formName = 0;
$('input').parentsUntil('form', this).focus(function() {var formName = this.name;})

这是行不通的。您试图分配给第一行中定义的 formName 变量，但您正在第二行中重新定义该变量。您实际上正在处理两个不同的变量，一个在函数范围内，一个在全局范围内。

解决方案：

var formName = 0;
$('input').parentsUntil('form', this).focus(function() {formName = this.name;})
//                                                      --- no var here