Javascript 如何正确地使这个js代码段内容不可知？

这项工作：

但是，在代码中的其他不好的地方，您可能会注意到我大量添加了如下内容：

val('Remove Translation Fields');

及

让我们设想一下，我们需要重新使用这个脚本、这个功能、这个交互，我们不希望添加或删除“翻译”，而是添加或删除“更多细节”，或者添加或删除“任何其他类型的字段集”——或者，举个例子，让我们设想我们需要翻译这个应用程序。。。 像这样糟糕的javascript会迫使我们在每次应用程序内容更改时，都必须相应地编辑此javascript

一般来说，我对javascript（jquery）和编程相当陌生，因此我想问：

要使此脚本内容的变体不可知，有哪些替代方案？

---

如果相关，请注意，这是使用Yii框架的PHP MVC应用程序的一部分。

我将采用的方法是仅处理html中的内容以及PHP中的任何本地化，即语言、货币、算术。然后，可以使用JavaScript操纵标记来执行行为任务，从而将关注点很好地分开

比如说。在您的实例中，我只需要有两个按钮，其中一个使用css在加载时隐藏，并根据页面中发生的事件进行切换

---

我已经更新了您原来的fiddle以反映一些简单的更改。

我将在您的PHP中处理本地化，然后用JavaScript显示/隐藏元素。@JamesSouth那么，我们应该使用什么来代替val（“删除翻译字段”）请注意这是一个非常基本的问题，因为我是新来的。我可能有两个按钮。其中一个藏起来了。然后切换这些按钮的可见性。这样，您只能编辑页面中的内容。@JamesSouth因此，我可以使用show hide代替val。那么，

切换

是一个选项吗？我的意思是，想象一下，在某个阶段，两个字段集都是“可见”的。我知道，在“第一次单击”时，他不应该显示，而是隐藏？事实上是的。jQuery是这类东西的王牌。看看这个样品。我已经试过了你提供的代码。然而，我仍然有一些问题。再一次，我想知道这个钮扣是否适合这里。在某些情况下，可以在开始时渲染“两个”字段集。如果编辑小提琴并在其中添加“两个”字段集，您会注意到按钮没有意义。这是一个逻辑问题，还是该场景的切换限制？限制基于行

if（$（“#本地化字段集”）。长度===1）

切换实际上只是改变按钮的可见性，因此本质上是一个逻辑问题。我已经更新了我的链接来解决这个问题。谢谢。这确实是一个逻辑问题。我最后用很多开关来改变它在我的答案中链接我的新样本。没有比原来更多的切换。

val('Add Translation Fields');