jQuery从查找中获取原始上下文

| 如果我想获取一个表单，然后抓住一些按钮，然后在该按钮上附加一些操作以提交我的表单，那么我目前正在这样做：

<form>
  <button>Some Button</button>
</form>

$(\'form\').find(\'button\').click(function(){
  $(this).closest(\'form\').submit();  // is there a better way of getting the form?
});

我想知道在我的发现中是否有更高效的方法来选择原始表单元素。不必遍历dom，有什么方法可以在其后代的click事件中获取对我的原始“ 1”对象的引用吗？不幸的是，在这种情况下，.context会给我button元素，无论如何我都能获得原始上下文？还是我只需要遍历？请注意，这是一个人为的示例，我实际上并没有使用按钮和表单，但是我更想在find中获取原始上下文。

已邀请:

4 个回复

坛沤疲撑拆

我认为关键是要缓存第一个电话？只需通过each（）运行它，就可以将上下文存储在该方法的参数中。

$(\'form\').each(function(idx,el){
   $(this).find(\'button\').click(function(){
      $(el).submit();  
   });
});

茬贺努充尽

这取决于您要执行的操作。如果您在事件回调中，则不能，无法获取原始选择。您拥有的唯一数据是单击了哪个元素，以及有关click事件本身的一些详细信息。别忘了ѭ1可以匹配多个不同的元素，因此不可能知道您应该匹配哪个。（除非只有一个-但这仍然不是一种非常稳定的网站编码方式。）如果您只是在标准方法链接上下文中，则可以使用end返回到搜索的上一步：

$(\'form\').find(\'button\').prop({name: \'foo\', value: \'bar\'}).end().submit();

拟僚疽刊剔

如果只有一种形式，则可以执行以下操作：

var $form = $(\'form\');
$form.find(\'button\').click(function() {
    $form.submit();
});

只需计算一次ѭ10，然后根据需要使用。我怀疑11英镑真的会这么贵吗。太太，好习惯是好习惯，一遍又一遍地计算同一件事通常是个好习惯。

骚瓤

据我所知，没有办法从找到的对象中引用搜索对象。这是因为您将只获得找到的JQuery对象，而不是来自被调用以查找它的函数的信息：

var blah = $(\'blah\');

//The following variable will have no direct reference to blah, but 
//blah can still be used if it stays in scope:
var thingWithNoReferenceToBlah = blah.find(\'thing\');

要回复问题请先登录或注册

jQuery从查找中获取原始上下文

4 个回复

发起人

jquery

dom_traversal

jquery_selectors

问题状态

jQuery从查找中获取原始上下文

与内容相关的链接

4 个回复

发起人

jquery

dom_traversal

jquery_selectors

问题状态