jquery - 禁用重复 div 内的所有按钮

Question

所以我有一个 Jquery 模板，可以向用户显示多个结果，结果的底部是一个 div，我用它来存储一些按钮。

现在，根据记录的状态，我想隐藏 e div 中的所有按钮，但由于某种原因，以下命令不执行任何操作:

$('#violationFooter').find('input,button').prop('disabled', true);

我尝试了其他几种设置，以下隐藏父 div

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

但这也没有任何作用

   $('#violationResults #violationFooter').hide();

我迷茫了

编辑

   <script id="violationtmpl" type="text/x-jquery-tmpl">
            <div class="row user-infos ${MessageId}">
                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-12">
                    <div class="panel panel-danger">
                        <div class="panel-heading">
                            <h3 class="panel-title">Violation</h3>
                        </div>
                        <div  class="panel-body">
                            <div class="row-fluid">
                                <div class="col-md-9 col-lg-9 hidden-xs hidden-sm">
                                    <table class="table table-user-information" id="scrollable" style="height: 200px;">
                                        <tbody>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="violationFooter" class="panel-footer">
                            <button class="btn  btn-success btn-xs" type="button" data-toggle="tooltip" data-original-title="Good guy?" onclick="" ><i class="fa fa-user-md"></i></button>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script> 

*编辑*

这是填充模板的调用

function GetViolations(messageId) {

            $.ajax({
                type: "POST",
                url: "Default.aspx/GetViolationMessages",
                cache: false,
                data: JSON.stringify({ messageId: messageId }),
                contentType: "application/json; charset-utf-8",
                dataType: "json",
                error:
                    function(xhr) {

                        var contentType = xhr.getResponseHeader("Content-Type");
                        if (xhr.status === 401 && contentType.toLowerCase().indexOf("text/html") >= 0) {
                            window.location.reload();
                        }
                    },
                success: function(msg) {
                    // Need to work out a way of refreshing the screen

                    $.each(msg.d, function(index, item) {

                        $('#violationtmpl').tmpl(item).appendTo('#violationResults');

                    });


                    var panels = $('.user-infos');
                    var panelsButton = $('.dropdown-user');
                    panels.hide();

                    //Click dropdown
                    panelsButton.click(function() {
                        //get data-for attribute
                        var dataFor = $(this).attr('data-for');
                        var idFor = $(dataFor);

                        //current button
                        var currentButton = $(this);
                        idFor.slideToggle(400, function() {
                            //Completed slidetoggle
                            if (idFor.is(':visible')) {
                                currentButton.html('<i class="glyphicon glyphicon-chevron-up text-muted"></i>');
                            } else {
                                currentButton.html('<i class="glyphicon glyphicon-chevron-down text-muted"></i>');
                            }
                        });
                    });

                    $('[data-toggle="tooltip"]').tooltip();
                }
            });
        };

编辑

渲染的 HTML 图像

Answer 1

试试这个:

$('#violationFooter button').hide()

或更好

$('.panel-footer button').hide()