首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery如何从<button>内部遍历到<form>,中间有<div>

JQuery如何从<button>内部遍历到<form>,中间有<div>
EN

Stack Overflow用户
提问于 2012-11-15 19:39:28
回答 3查看 207关注 0票数 0

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

代码语言:javascript
运行
复制
<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在警报弹出窗口中显示"undefined“。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-11-15 19:43:41

使用

代码语言:javascript
运行
复制
  $(':button').closest('form')

更新

代码语言:javascript
运行
复制
$(':button').click(function(){
    alert($(this).closest('form').attr('class'));
});
票数 1
EN

Stack Overflow用户

发布于 2012-11-15 19:55:50

这肯定会起作用:

代码语言:javascript
运行
复制
 $('button').click(function(){
     alert($(this).closest('form').attr('id'));
 });
票数 1
EN

Stack Overflow用户

发布于 2012-11-15 19:44:22

你试过了吗?

代码语言:javascript
运行
复制
$('button').parents('form:first').get(0).nodeName;

像这样

代码语言:javascript
运行
复制
$('button').click(function(){
    alert($(this).parents('form:first').get(0).nodeName);
});​

DEMO

更新:

你可以像这样简单地submit

代码语言:javascript
运行
复制
$('button').click(function(){
     $(this).parents('form:first').get(0).submit();
});​
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13396790

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档