Twitter bootstrap 3 基于数据隐藏引导行列

我正在运行一个jquery剑道网格行模板，其中显示了一些带有图像的内容。下面是代码：

细节
div class=“行”>
#=图像链接#
#：链接#
.姓名{
显示：块；
字体大小：1.3em；
}
.k-grid-header.k-header{
填充：0px 20px；
}
.k-网格内容{
溢出y：自动；
}
.k-grid tr td{
背景：白色！重要；
边界：0！重要；
边框颜色：透明；
}
.k传呼机包装{
边框宽度：1px！重要；
边框颜色：#ccc；
}
.k-block、.k-widget、.k-input、.k-textbox、.k-group、.k-content、.k-header、.k-filter-row>th、.k-editable-area、.k-separator、.k-colorpicker.k-i-arrow-s、.k-textbox>input、.k-autocomplete、.k-dropdown-wrap、.k-toolbar、.k-group-footer、.k-grid-footer.k-footer.td、.k-template、.k-state-default、.k-select、.k-state-disabled、，.k-grid-header、.k-grid-header-wrap、.k-grid-header-locked、.k-grid-footer-locked、.k-grid-content-locked、.k-grid-td、.k-grid-state-selected、.k-grid-footer-wrap、.k-pager-wrap.k-link、.k-pager-refresh、.k-grouping-header.k-group-indicator、.k-group-indicator、.k-panelbar>.k-item>.k-link、，.k-panelbar.k-panel、.k-panelbar.k-content、.k-treemap-tile、.k-calendar th、.k-slider-track、.k-splitbar、.k-dropzone-active、.k-tiles、.k-toolbar、.k-tooltip、.k-button-group.k-tool、.k-upload-files{
边框颜色：透明；
}
.col-md-2{
宽度：118px
}
.col-md-3{
宽度：25%
}

问题在于，对于不存在图像的所有行，都要切换类。每次切换这些选项并再次切换时，第二个选项将否定第一个选项。如果If计算为true的行是pair，则最后一次切换是否定

如果找到一行，则不清楚是否需要隐藏整个列，或者只需要隐藏受影响行的列。此外，您的if不正确

如果要在至少存在这样一行的情况下隐藏整个列，那么这可能是解决方案：

var shouldShow = true;
 for (var i = 0; shouldShow && (i < data.data.length); i++) {

                            if (!data.data[i].imagelink) {
                                $(".imageClass").addClass('hidden');
                                shouldShow = false;
                            }

                        }

var shouldShow=true；
对于（var i=0；shouldShow&&（i

如果只想对受影响的行执行此操作，则类似的操作可能会对您有所帮助：

 var context = $(".imageClass");
 for (var i = 0; i < data.data.length; i++) {

                            if (!data.data[i].imagelink) {
                                $(context[i]).addClass('hidden');
                            }

                        }

var context=$（“.imageClass”）；
对于（var i=0；i

代码假定您有一个包含imageClass的列

编辑

结果是没有定义.hidden类。有两种可能的解决方案，您可以选择其中之一

解决方案1：将

.addClass（“隐藏”）

替换为

.hide（）

---

解决方案2：将以下规则添加到CSS代码：

.hidden{display:none；}

问题在于，对于图像不存在的所有行，都要切换类。每次切换这些选项并再次切换时，第二个选项将否定第一个选项。如果If计算为true的行是pair，则最后一次切换是否定

如果找到一行，则不清楚是否需要隐藏整个列，或者只需要隐藏受影响行的列。此外，您的if不正确

如果要在至少存在这样一行的情况下隐藏整个列，那么这可能是解决方案：

var shouldShow = true;
 for (var i = 0; shouldShow && (i < data.data.length); i++) {

                            if (!data.data[i].imagelink) {
                                $(".imageClass").addClass('hidden');
                                shouldShow = false;
                            }

                        }

var shouldShow=true；
对于（var i=0；shouldShow&&（i

如果只想对受影响的行执行此操作，则类似的操作可能会对您有所帮助：

 var context = $(".imageClass");
 for (var i = 0; i < data.data.length; i++) {

                            if (!data.data[i].imagelink) {
                                $(context[i]).addClass('hidden');
                            }

                        }

var context=$（“.imageClass”）；
对于（var i=0；i

代码假定您有一个包含imageClass的列

编辑

结果是没有定义.hidden类。有两种可能的解决方案，您可以选择其中之一

解决方案1：将

.addClass（“隐藏”）

替换为

.hide（）

解决方案2：添加