javascript - 使用匿名函数时的预期标识符

Question

我有一个 GridView，其结构如下:

• 组标题

  • 部门标题

    • (某人实体)
    • (某人实体)
    • (某人实体)

  • 部门标题

    • (某人实体)
    • (某人实体)
    • (某人实体)

• 组标题

  • 部门标题

    • (某人实体)
    • (某人实体)
    • (某人实体)

  • 部门标题

    • (某人实体)
    • (某人实体)
    • (某人实体)

虽然我有 Javascript 可以按预期切换部门 header 和子元素，但切换在组 header 级别不起作用，因为可以切换一个部门 header 的子元素，但不能切换另一个部门 header ，因此当在组标题级别激活切换时，它只是反转切换，这不是我想要的，所以我尝试编写一些Javascript，当单击组标题时，它只会隐藏所有并发行，无论切换状态如何，直到下一个组标题(如果未隐藏)，否则单击组标题将显示/展开隐藏的行，无论切换状态如何，直到下一个组标题。

由于对 Javascript 不太熟悉，我目前在 anon 函数末尾的括号处遇到 '预期标识符'，并且无法确定原因，因为它看起来像我有闭包，但我怀疑我对 anon func 使用了不正确的语法，而且我的函数可能写得不正确:

<script type="text/javascript">
    $(function () {
        $('.group-header').click(function () {
            $(this).nextUntil('.group-header').(function() {
                var el = document.getElementById(this);
                if (el.style.display != 'none') {
                    el.style.display = 'none';
                }
                else {
                    el.style.display = '';
                }
            })
        });
    });

    $(function () {
        $('.dept-header').click(function () {
            $(this).nextUntil('.dept-header, .group-header').toggle();
        });
    });
</script>

如何解决我收到的错误？

Answer 1

错误是您的代码中有一个随机 () 。以为你错过了每一个

$(this).nextUntil('.group-header').(function() {
                                 ^^^^

下一个问题是您不能将 this 与 getElementById 一起使用。

var el = document.getElementById(this);

应该是

var el = this;