仅在第一条记录中隐藏按钮 - laravel

Question

我的操作栏中有 3 个按钮。在检查系统中的用户角色（如果是管理员或用户）后，我想隐藏这两个按钮并留下另一个按钮。我的问题是我只能隐藏我拥有的第一条记录中的两个按钮。其余的还是一样的。我该如何解决这个问题？

这是我在 javascript 中的函数

function load_datatable(id){

            var flag_color;
            $.ajax({
                url: "loadInquiriesData",
                type: "POST",
                headers: {'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')},
                dataType: "JSON",
                success:function(data){
                inquire_t.dataTable().fnClearTable();
                $.each(data,function(key,value){
                    switch(value.flag){
                        case 'Forwarded as Direct Inquiry': flag_color = '#0000ff'; break;
                        case 'New': flag_color = '#0000ff'; break;
                        case 'Open': flag_color = '#000000'; break;
                        case 'On-Hold': flag_color = '#ff0000'; break;
                        case 'Attended': flag_color = '#27ae60'; break;
                        case 'Closed': flag_color = '#000000'; break;
                        case 'Pending': flag_color = '#ff0000'; break;
                    }
                    inquire_t.dataTable().fnAddData([
                        value.refNumber,
                        value.client,
                        value.details,
                        value.dateCreated,
                        value.reply,
                        value.acknowledgeBy,
                        value.category,
                        "<font color='"+flag_color+"'><strong>"+value.flag+"</strong></font>",
                        "<button class='btn btn-warning btn-xs' id='openbtn' value='"+value.refNumber+"'name='"+value.flag+"'> <span class='fa fa-eye' data-toggle='tooltip' data-placement='bottom' title='Open Ticket'></span></button>"+
                        " <button class='btn btn-danger btn-xs' id='btn-close' value='"+value.refNumber+"' name='"+value.flag+"'> <span class='fa fa-close' data-toggle='tooltip' data-placement='bottom' title='Close Ticket'></span></button>"+
                        "<button class='btn btn-primary btn-xs glyphicon glyphicon-envelope' data-toggle ='modal' data-target='#threadmessage'></button>"
                        // " href='message/thread'
                        // 
                    ]);//datatable
                });//each

                //update_datatable();
                }//success
            });//ajax

            //get role
            //console.log(id);
            $.ajax({
                url: 'getUserRoles',
                type: 'POST',
                headers: {"X-CSRF-TOKEN": $("meta[name='csrf-token']").attr("content")},
                data: id,
                dataType: 'JSON',
                success: function(role){
                    $.each(role, function(key, value){
                        var hasRole = value.hasRole;
                        // console.log(role);
                        if (hasRole == 'BSI') {
                            var hidden = false;
                            document.getElementById('openbtn').style.visibility = 'hidden';
                            document.getElementById('btn-close').style.visibility = 'hidden';
                        }else{
                            //console.log('with action');
                            // Get the column API object - get Action column
                            var column = table.columns(8);
                            // Toggle the visibility - show Action column for admin
                            column.visible(column.visible());
                        }//else
                    });//each
                }//success
            });//ajax 
        }// load_datatable

Answer 1

您使用的 ID 属性在整个文档中应该是唯一的。尝试使用 Class 属性，一切都会好起来的。

<button class='btn btn-warning btn-xs openbtn'...
<button class='btn btn-danger btn-xs btn-close'...

还有：

$('.openbtn, .btn-close').hide();

如果你想使用 vanilla javascript：

Array.prototype.forEach.call(document.getElementsByClassName('openbtn'), function(el) {
    el.style.visibility = 'hidden';
});

希望这会有所帮助。 详情请查看this。