javascript - jQuery（反）模式：使用字符串操作构建选择器

Question

我经常发现自己使用字符串操作（拆分、搜索、替换、连接、+、连接）构建选择器。

是好是坏？

Answer 1

那有什么问题？有哪些替代方案——只是将它们硬编码为单个字符串？但是您可以在您的站点上使用约定来组织布局。如果你只是在一个地方定义选择器组件，并用它来构建一个选择器，听起来这比遍历所有代码并在它出现的任何地方进行搜索替换要少得多。

我会说假设您以其他方式组织了字符串（在一个地方定义，在多个地方使用），这很好。

Answer 2

这与您的问题有些无关，但是：

我建议的一件事是谨慎使用基于后代的选择器或子选择器（例如：'div.product > span.price'）。通常，UI 部分正在被重新组织、移动或被其他东西包裹。当它发生时，基于后代的选择器会中断。

要记住的另一件事是基于属性的选择器（例如：'input[value="Login"]'）在处理本地化内容时通常很脆弱（如果属性值是本地化的）。