jQuery 显示/隐藏在 for 循环中不起作用答案

【问题标题】：jQuery show/hide is not working in a for loopjQuery 显示/隐藏在 for 循环中不起作用
【发布时间】：2018-07-05 08:59:34
【问题描述】：

我的页面中有一些链接，加载时显示为：无，其 id 是动态的。

<a href="#" ng-attr-id="{{ 'viewFile-' + $index }}" style="display:none" ng-click="showPreview(q.fileName,q.filePath)">{{q.fileName}}</a>

在加载页面时我给了

for (var x = 0; x < data.questions.length; x++) {
    if (data.questions[x].fileName == null) {
        $("#viewFile-" + x).hide();
    } else {
        $("#viewFile-" + x).show();
    }
}

只有第一个链接，即。 viewFile-0 正在显示，所有其他都被隐藏在调试代码时，它来到了 .show() 行，但在页面中没有显示链接。

谁能给我一个解决方案？

【问题讨论】：

既然您使用的是 angularjs，我完全不明白您为什么需要 jQuery。我认为你应该尽量避免它并使用 angularjs 解决方案。例如。 ng-show=...条件合适
可能值得检查您没有任何 css 覆盖？我认为!important 优先于内联样式。您发布的代码应该可以工作。
@moleratThanks.It 帮助

标签： jquery html angularjs

【解决方案1】：

由于您使用的是 angularjs，我完全不明白您为什么需要 jQuery。

我认为你应该尽量避免它并使用 angularjs 解决方案。例如。 ng-show=... 条件合适。

【讨论】：