jquery append创建了两个div元素

Question

我需要通过jquery将div元素添加到另一个div，但它会创建两个div

$('div.col-direction').append('<div id="newset"></div>');

Answer 1

你在这里附加一个类而不是div，所以如果你有2个div那个类，它将会在两个div中创建

Answer 2

$('div.col-direction').first().append('<div id="newset"></div>');

Answer 3

发生这种情况是因为函数使用处理程序绑定了两次，可以通过jQuery.unbind（）方法删除它。 见Documentation

假设您正在点击按钮ID＆＃34; btn＆＃34;

然后代替

$("#btn").click(function(){
    $('div.col-direction').first().append('<div id="newset"></div>');
});

使用的

x=$("#btn");
x.unbind('click');
x.click(function(){
    $('div.col-direction').first().append('<div id="newset"></div>');
});

Answer 4

我有同样的问题。删除结束标记对我有帮助。

E.g：

$('div.col-direction').append('<div id="newset">');

但我已添加了按ID选择的选项，因此我不确定它是否适用于您的情况。

E.g。 （按身份证）：

$('#location_list_location_ids').append($("<option>").attr('value', 6).text('Sixth location'))