javascript - 当按下按钮时，获取位于多个 div 内的表单

Question

我是使用 Jquery 的新手。

当我按下按钮时，我正在尝试获取属于表单一部分的对象。

我的问题是我有多个具有相同类“formulario”的表单，当我按下按钮时，Jquery 给我所有具有相同类型类的表单，我只想要按下按钮的表单。

我有这样的事情：

<div class ="card">
     <div class = "card-header">
          First Form
    </div>

    <div class= "card-body">
         <form class="formulario">
               <label>Input one</label>
               <input type text= "text"></input>

               <label>Input Two</label>
               <input type text= "text"></input>
         <form/>

         <button class= "btn">Press</button>
    <div/>
</div>



<div class ="card">
     <div class = "card-header">
          Second Form
    </div>

    <div class= "card-body">
         <form class="formulario">
               <label>Input one</label>
               <input type text= "text"></input>

               <label>Input Two</label>
               <input type text= "text"></input>
         <form/>

         <button class= "btn">Press</button>
    <div/>
</div>

我尝试将 Jquery 与以下内容一起使用：

$('.btn').on("click", function () {
   $(this).parents().find('.formulario');
});

它给了我所有具有“formulario”类的表单，但我只想要按下按钮的表单。

换句话说，我只想寻找按钮所在的父母，我不想查看所有的html文档。

标签： javascriptjqueryweb

Answer 1

为了获得最近的 formulario 类，您可以使用.closeset.

$('.btn').on("click", function () {
   $(this).closeset().find('.formulario');
});