Javascript 我需要帮助巩固我的职能

我现在正在做一个项目，我有一个下拉列表，其中有很多链接。因此，我现在所做的是我下面的每个按钮。有很多

$(".button1").click(function() {
    $(".contentContainer").load( "pages/functional_components_controlPanels.html" );
});

---

有人能指出一个更优雅的方法来减少我的代码吗？任何帮助都将不胜感激。

数据驱动您的代码，使用按钮上的属性（或下拉选项、链接或任何您喜欢的元素）：

Html示例（使用

数据-

属性来获取所需的任何额外值）：

插件，如不引人注目的ajax，使用

数据-

属性，因此它们不必硬连接到元素

---

以

数据-

前缀开头的属性是浏览器允许的标准，并且是有效的HTML（其他属性名称并不总是有效的，因此请使用

数据-

前缀）。

数据驱动代码，使用按钮上的属性（或下拉选项、链接或任何您喜欢的元素）：

Html示例（使用

数据-

属性来获取所需的任何额外值）：

插件，如不引人注目的ajax，使用

数据-

属性，因此它们不必硬连接到元素

---

以

data-

前缀开头的属性是浏览器允许的标准，并且是有效的HTML（其他属性名称并不总是有效的，因此请使用

data-

前缀）。

这取决于按钮及其单击处理程序之间的相似和不同之处，因为您需要找到它们之间的共同模式。发布一个按钮并不能帮助我们看到多个按钮之间的模式。这取决于按钮和它们的点击处理程序之间的相似和不同之处，因为你需要找到它们之间的共同模式。发布一个并不能帮助我们看到许多人之间的模式。

<input type="button" data-content="pages/functional_components_controlPanels.html"/>

// Apply this only to inputs with data-content attributes (could be any filter you like)
$("input[data-content]").click(function() {

    // Extract values you need from attribute on the clicked item
    var content = $(this).data('content');

    // use the values to make decisions, specify parameters etc
    $(".contentContainer").load(content);
});