Javascript jQuery:追加可移动div

我想能够点击一个按钮，添加一个div，其中包含另一个按钮，可以点击删除所说的div

function addPanel(name) {
    var outer = $("<div id='" + name + "'>");
    var inner = $("<button>");
    inner.click(function() {  
        $("'#" + name + "'").remove();
    });

    outer.append(inner);

    $("#someotherdiv").append(outer);
}

功能添加面板（名称）{
外部变量=$（“”）；
内部变量=$（“”）；
内部。单击（函数（）{
$（“#”+name+”）。删除（）；
});
外部。附加（内部）；
$（“#someotherdiv”）。附加（外部）；
}

当我调用这个函数时，它用按钮将新的div放置到位。当我单击（新建）按钮时，我会收到一条错误消息，其中未定义“#name”。使用javascript/DOM调试器（chrome），我可以看到新的div存在，但没有正确地作为选择器进行计算

我觉得这是一件非常基本的事情，但我似乎无法理解它

编辑-脚本中的打字错误已修复-不是来自原始版本

---

编辑

功能添加面板（名称）{
外部变量=$（“”+名称+“”）；
var内部=$（“删除”）；
内部。单击（函数（）{
$（“#”+名称）.remove（）；
})
外部。附加（内部）；
$（“#someotherdiv”）。附加（外部）；
}
addPanel（“div2”）；
$（“#添加按钮”）。单击（函数（）{
addPanel（“div1”）；
});

主要部门
添加
问题在于单引号。您还错过了按钮单击事件结束时的
）
。试着像下面这样


功能添加面板（名称）{
外部变量=$（“”+名称+“”）；
var内部=$（“删除”）；
内部。单击（函数（）{
$（“#”+名称）.remove（）；
})
外部。附加（内部）；
$（“#someotherdiv”）。附加（外部）；
}
addPanel（“div1”）；
addPanel（“div2”）

主要部门
问题在于单引号。您还错过了按钮单击事件结束时的
）
。试着像下面这样


功能添加面板（名称）{
外部变量=$（“”+名称+“”）；
var内部=$（“删除”）；
内部。单击（函数（）{
$（“#”+名称）.remove（）；
})
外部。附加（内部）；
$（“#someotherdiv”）。附加（外部）；
}
addPanel（“div1”）；
addPanel（“div2”）

主要部门
尝试过，没有额外的引号-错误消息是相同的“未捕获错误：语法错误，无法识别的表达式：#newDivHere”（paren错误是我在SO中的输入错误-不是在原始代码中）**此外，尝试在chrome调试器中计算新div也表明它在那里不可用。但是使用DOM资源管理器可以找到它。如果您正确使用我的代码，那么应该不会有任何问题。我添加了完整的代码片段@ethrbunnyYeah-我确信我的代码中还存在其他问题。这似乎是显而易见的。请注意，问题是div名称中有一个无效字符（“/”）。从错误消息中看不明显。尝试此操作时没有额外的引号-错误消息是相同的“未捕获错误：语法错误，无法识别的表达式：#newDivHere”（paren错误是我在SO中的输入错误-不是在原始代码中）**此外，尝试在chrome调试器中计算新div时，也显示它在那里不可用。但是使用DOM资源管理器可以找到它。如果您正确使用我的代码，那么应该不会有任何问题。我添加了完整的代码片段@ethrbunnyYeah-我确信我的代码中还存在其他问题。这似乎是显而易见的。请注意，问题是div名称中有一个无效字符（“/”）。从错误消息中看不明显。