JQuery Append создает два DIV элемента

Question

мне нужно добавить Div элемент в другой DIV, с помощью JQuery, но он создает две дивы

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

Answer 1

это происходит потому, что функция переплетена дважды с обработчиком он может быть удален с помощью метода jQuery.unbind(). см Documentation

Пусть и пишут на нажатие кнопки-ид "БТН"

тогда вместо

$("#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 2

Вы присоединять к классу здесь, а не ДИВ, так что если у вас есть 2 DIV из этот класс, он будет обрешетка в оба диве

Answer 3

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

Answer 4

Я имел такую ​​же проблему , Удаление закрывающего тега помогло мне.

т.д .:

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

Но я приложил возможность выбора по идентификатору, так что я не уверен, что он работает в вашем случае.

E.g. (по id):

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