JQuery 如何从内部遍历<form> <button> 到<div>，在两者之间

。

好的伙计们，所以我有下面的结构，10 次，这意味着 10 种形式。如您所知，$('button')将处理任何按钮的事件。

<div>
  <form ...>
    <div><button type='button'>Submit</button></div>
    <div><input /></div>
    <div><input /></div>
    <div><input /></div>
    <div><input /></div>
  </form>
</div>

仅使用 JQuery 及其遍历方法，当我单击按钮时，如何从$(this)获取<form>？

我之前混合使用了parent（），prev（）等，但无法得到它。例如，$(this).closest('form').nodeName警报弹出窗口中给出"未定义"。

使用

  $(':button').closest('form')

更新

$(':button').click(function(){
    alert($(this).closest('form').attr('class'));
});

这

肯定会起作用：

 $('button').click(function(){
     alert($(this).closest('form').attr('id'));
 });

你试过吗

$('button').parents('form:first').get(0).nodeName;

喜欢这个

$('button').click(function(){
    alert($(this).parents('form:first').get(0).nodeName);
});

演示

更新：

你可以像这样简单地submit它

$('button').click(function(){
     $(this).parents('form:first').get(0).submit();
});

相关内容

最新更新

热门标签：