使用jquery显示和隐藏购物车中的更新字段

我有以下代码：

<span>2</span><button onClick="//show quantity_update form">edit</button> 
<div id="qty_update" class="hidden">
 <form method="post">
   <input type="number" />
   <button type="submit" >update</button>
 </form>
</div>

因为这使所有隐藏的div都可见

如果我能以某种方式获得edit按钮的id和div增量，然后用一些魔术来找出要显示的div，我想这会有所帮助。但是我不知道怎么做。

使用

$('#qty_update').removeClass('hidden');

i、 e.处理单个id，而不是所有隐藏的类

请注意，在使用jQuery时，通常不会在html代码中使用onClick事件。相反，您应该在

$（document）.ready（function（）{…}）中为click事件设置一个处理程序函数。比如：

在html中，向按钮添加id：

<button id="myButton1">

将span和div都包含在另一个div中。向按钮添加一个类。然后你可以做类似的事情

$(document).ready(function() {
    $('.myButton').click(function() {
        $(this).parent().find(".hidden").removeClass('hidden');
    });
});

虽然我必须说，不是直接删除类，你可以考虑设置显示/可见属性。在这种情况下，您可以更改属性，因为您仍然可以使用类名访问元素。完全删除该类可能会使您无法找到div。
我无法使用#qty_update，因为购物车中可能有20个作业，然后我有20个具有相同id的div。因此，我需要一种方法来创建唯一id并跟踪它们（我想）。抱歉-我不明白您在单击“编辑”时试图做什么？你可以在购物车中显示更多的html，比如说2个作业。正如Anudeep Bulla所说：“……你的意思是你有行，每行都有一个编辑按钮，你只需要显示该行的“数量更新”div。据我所知，你的意思是你有行，每行都有一个编辑按钮，你只需要显示该行的“数量更新”div。”。我说的对吗？Thanx，Anudeep！你很抱歉，这个解决方案非常有效。我不打算使用“隐藏”类来查找div。当我问这个问题时，它只是第一个进入我脑海的东西。
$(document).ready(function() {
    $('#myButton1').click(function() {
        $('#qty_update').removeClass('hidden');
    });
});

$(document).ready(function() {
    $('.myButton').click(function() {
        $(this).parent().find(".hidden").removeClass('hidden');
    });
});