缩进/打破jquery链以提高可读性

Question

我很好奇其他人如何缩进/打破长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");

你将如何格式化这个？

Answer 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");