javascript - Jquery 选择器为空，我应该使用哪个范围

Question

我尝试通过单击两个不同的链接来显示和隐藏 div。（实际上我的页面有很多这样的部分，所以我必须给他们一个 ID）。

我的 html 看起来像这样

<div id="meta-503d22ceaf32609515000003" class="answer-form">
    <form action="..." method="...">
        <p>
            <textarea name=".."></textarea>
        </p>
        <p>
            <input type="submit" value=".."> 
            <a href="#" data-action="cancel" data-id="503526f7e8d08ecb0c000003">cancel</a>
        </p>
    </form>
</div>
<span class="content-nav">
    <a href="#" data-action="open" data-id="503d22ceaf32609515000003">open form</a>
</span>

当我span content-navigation单击链接时，我data-action=open会打开表单。这工作得很好。但是当我单击取消时，它应该隐藏/关闭/向上滑动这个答案表单 div。

这是我的 jQuery-Javascript：

$(document).ready(function() {

    $("a[data-action=open]").on('click', function(e) {
        var id = $(this).data('id');
        console.log($("div#meta-" + id));
        $("div#meta-" + id).slideDown('slow');
    });

    $("a[data-action=cancel]").on('click', function(e) {
        var id = $(this).data('id');
        console.log(id);
        console.log(e);
        console.log($("#meta-" + id));
    });

});​

在第二个绑定点击方法中，它检索 id 但查询

$("#meta-"+id) 

在第二个方法中没有找到任何东西，而同一个调用在第一个方法中找到了一些东西。

如何找到表格并关闭它？这是一个范围问题，因为取消调用（绑定）嵌套在表单中吗？

我在这里想念什么？

Answer 1

如果我没记错的话，取消按钮的 ID 看起来与 div 的 ID 不同