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。

你做不到。更改id="button"的HTML class="button"并更新您的jquery：

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

Answer 2

replaceChild是一个JavaScript函数。您正在jQuery对象上调用此函数。您可以尝试使用jQuery replaceWith方法：http://api.jquery.com/replaceWith/

单击JavaScript中的按钮时替换div节点

2 个答案: