缩进/打破jquery链以提高可读性[关闭]答案

【问题标题】：Indenting/breaking jquery chains for readability [closed]缩进/打破jquery链以提高可读性[关闭]
【发布时间】：2011-04-14 16:00:57
【问题描述】：

我很好奇其他人如何缩进/打破长 jQuery 链，因为我永远无法决定什么更具可读性（尤其是在使用 .end() 来“关闭”一个方法块时，例如

$(this).not(":has(.pointer)").append(pointerHtml)
                .end()
            .closest("li").toggleClass("selected")
            .siblings().removeClass("selected")
            .andSelf().removeClass("pre-selected")
                .end().end()
            .filter(".selected").prev().addClass("pre-selected");

你会如何格式化这个？

【问题讨论】：

我喜欢这个问题，但它本质上是主观的。它可能会成为一个很好的 CW 讨论，或者可能是一个关于程序员的好讨论。
我想问是否仍然可以在此处将问题标记为“意见”，因为我不知道如何
哇 - 这是一个迅速关闭。认为这是一个主观问题，但如此迅速地结束它，因为它可能以一场全能的争吵而告终，这对我来说似乎有点过于悲观了。大多数关于编写代码的良好实践的问题（本质上就是这个问题的内容）在某种程度上是主观的，很遗憾stackoverflow社区无法就此发表意见。（edit 建议后立即在 Programmers 上重新发布 - 到目前为止的问题视图：0）
见stackoverflow.com/q/1286829/277335

标签： javascript jquery readability chaining

【解决方案1】：

$(this).not(":has(.pointer)")
           .append(pointerHtml)
           .end()
           .closest("li")
           .toggleClass("selected")
           .siblings()
           .removeClass("selected")
           .andSelf()
           .removeClass("pre-selected")
           .end()
           .end()
           .filter(".selected")
           .prev()
           .addClass("pre-selected");

【讨论】：