javascript - 在 JavaScript 中单击按钮时替换 div 节点

Question

我的页面上有 5 个 windowDiv，其中有一个 ID 为 "#button" 的按钮。该按钮的用途是更改 windowDiv 的大小。 windowDiv 有一个大版本(称为 windowDiv)和一个小版本(windowDivSmall)。

页面的顶部容器 div 称为 topContainerDiv。

问题是我不能让它只对一个 windowDiv 起作用，更不用说所有 5 个了。我知道我需要使用 topContainer.replaceChild(windowDiv, windowDivSmall); 但我无法让它工作。

我目前拥有的是:

 $("#button").click(function() {
        $(topContainerDiv).replaceChild(this.windowDivSmall, this.windowDiv);
 // The code above is broken and doesn't work. Help!

    });

Answer 1

我怀疑你使用了 5 个 #button。

你不能。 为 class="button" 更改 HTML id="button" 并更新您的 jquery :

$(".button").click(function() {
       // correct jquery functions to call here :)
    });