如何从对话框更改jQueryUI对话框外部的内容？

我有一个对话框，在选择某个跨度时弹出。现在，此对话框包含一个文本区域（因此可编辑）。单击Save按钮后，我需要将textarea内容复制到对话框外的表格单元格中。这似乎没有发生。实际上，在保存功能中添加第二行代码时，对话框不会弹出！（在WordPress中使用此选项，以防万一会有所不同）

jQuery（文档）.ready（函数（$）{
$（“td>span”）。单击（函数（）{
var id=$（this.attr（'id'）；
var message=“message”+id；
var content=jQuery（“#”+message）.text（）；
var$dialog=$（“”）.html（“+content+”）.dialog({
身高：400，
宽度：400，
标题：“我的数据”，
莫代尔：是的，
自动打开：错误，
dialogClass:'wp dialog'，
按钮：{
“保存”：函数（）{
var popup-content=$（“.popup-content”）.val（）；
}
}
});
$dialog.dialog（“打开”）；
});
});

保存按钮不再工作，因为

var popup-content

不是有效的javascript。如果您有这个能力，我首先建议您在编辑器中添加一些JSLint或JSHint功能

现在，要完成你想完成的事情，应该相当简单。我们将忽略一些潜在的地雷，并假设您的类是唯一的，但您的save函数应该如下所示：

function() {
    $(".my-table-cell").html($(".popup-content").val());
}

---

你的建议很管用！但是，请您详细说明一下为什么“var popup-content不是有效的javascript”。这只是非法代码，Javascript解析器不会理解该语法。这与你不能把脸撞在键盘上期望Javascript引擎理解任何东西的原因是一样的。哦，明白了。连字符的左边和右边都有一个空格…你是说右边？可怕的错误。我想在这里粘贴代码时出错了。但如果是这样的话，我想知道为什么它在本地不起作用。纽维，塔克斯！

function() {
    $(".my-table-cell").html($(".popup-content").val());
}