javascript - 无法在 'appendChild' 上执行 'Node'

Question

我试图通过一个 div 禁用所有表单元素，所以我尝试如下:

var form  = elt.find("form:first-child");
// Disable all form elements
form.css('display','relative');
var lightBox = $('div');
lightBox.css({
    'display': 'absolute',
    'top': '0',
    'right': '0',
    'bottom': '0',
    'left': '0'
});
form.append(lightBox);

但我收到此错误消息:

Failed to execute 'appendChild' on 'Node': The new child element contains the parent.

我该如何解决这个问题？

Answer 1

$('div')选择所有 div。如果你想创建一个 div，你应该使用 $('<div>')相反。

var form  = elt.find("form:first-child");
// Disable all form elements
form.css('display','relative');
var lightBox = $('<div>');
lightBox.css({
    'display': 'absolute',
    'top': '0',
    'right': '0',
    'bottom': '0',
    'left': '0'
});
form.append(lightBox);