Javascript 单击事件的jquery代码为'；行不通

在我当前的spring项目中，我有一个包含以下内容的jsp页面：

<c:url value="/${command['class'].simpleName}/index" var="index"/>
<button type="button" class="btn btn-default action" data-url="${index}">Voltar</button>

<c:url value="/${command['class'].simpleName}/delete" var="remove"/>
<form class="form" role="form" method="post" action="${remove}">
    <input type="hidden" name="id" value="${command.id}"/>
    <div class="panel panel-default pergunta">
        <div class="panel-heading">Remo&ccedil;&atilde;o</div>
        <div class="panel-body">
            <p>Confirma remo&ccedil;&atilde;o do registro abaixo?</p>
        </div>
        <ul class="list-group">
            <c:forEach var="item" items="${command['class'].declaredFields}">
                <c:set var="field" value="${item.name}"/>
                <c:if test="${field != 'role' && field != 'permission'}">
                    <li class="list-group-item"><strong>${item.name}</strong>: ${command[item.name]}</li>
                </c:if>
            </c:forEach>
        </ul>
        <div class="panel-footer">
            <button type="submit" class="btn btn-lg btn-link" id="sim">Sim</button>
            <button type="button" class="btn btn-lg btn-link" id="nao">N&atilde;o</button>
        </div>
    </div>
</form>

<div class="alert alert-success alert-dismissible" id="yes" role="alert" style="display: none;">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    Registro removido com sucesso.
</div>
<div class="alert alert-danger alert-dismissible" id="not" role="alert" style="display: none;">
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    <span class="text"></span>
</div>

但是指令

$（“div.pergunta”）.hide（）

不起作用

上面的页面附加到此页面，在带有类

面板默认值的
内：

<div class="panel panel-default">
    <div class="panel-heading">${command['class'].simpleName}</div>
    <div class="panel-body">
        <c:url value="/${command['class'].simpleName}/cadastra" var="cadastrar"/>
        <div align="left"> <button type="button" class="btn btn-default action" data-url="${cadastrar}">cadastrar</button> </div>
    </div>
    <table class="table">
        <thead>
            <tr>
                <th></th>
                <c:forEach var="item" items="${command['class'].declaredFields}">
                    <c:set var="field" value="${item.name}"/>
                    <c:if test="${field != 'role' && field != 'permission'}">
                        <th>${item.name}</th>
                    </c:if>
                </c:forEach>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <c:forEach var="item" items="${lista}">
                <tr>
                    <td></td>
                    <c:forEach var="item2" items="${command['class'].declaredFields}">
                        <c:set var="field" value="${item2.name}"/>
                        <c:if test="${field != 'role' && field != 'permission'}">
                            <td>${item[field]}</td>
                        </c:if>
                    </c:forEach>
                    <td>
                        <div class="btn-group">
                            <c:url value="/${command['class'].simpleName}/altera" var="alterar"/>
                            <button type="button" class="btn btn-default action" data-url="${alterar}/${item.id}">alterar</button>

                            <c:url value="/${command['class'].simpleName}/remove" var="remover"/>
                            <button type="button" class="btn btn-default action" data-url="${remover}/${item.id}">remover</button>
                        </div>
                    </td>
                </tr>
            </c:forEach>
        </tbody>
    </table>
</div>

<script>
$(document).ready(function(){
    $(document).on("click", "button.action", function(event){
        event.preventDefault();
        var url = $(this).data("url");
        $.get(url, function(data){
            var target = $("div.panel-default");
            var $temp  = $('<div/>', {html:data});
            target.empty();
            target.html( $temp.remove('head').html() );
        });
    });
});
</script>


${command['class'].simpleName}
地籍
${item.name}
${item[field]}
奥特拉尔
搬运工
$（文档）.ready（函数（）{
$（文档）.on（“单击”，“按钮.操作”，函数（事件）{
event.preventDefault（）；
var url=$（this）.data（“url”）；
$.get（url、函数（数据）{
var目标=$（“div.panel-default”）；
var$temp=$（''，{html:data}）；
target.empty（）；
html（$temp.remove（'head'）.html（））；
});
});
});

任何人都可以提示如何使此代码与div.pergunta一起工作。
尝试给该div一个“id”，然后使用

       $('#something_id').hide();

       $('#something_id').hide();