jquery append създава два елемента div - jquery, html, css

Трябва да добавите div елемент към друг div, чрез jquery, но тя създава две divs

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

Отговори:

това се случва, защото функцията се свързва два пъти с манипулатора, който може да бъде премахнат чрез метода jQuery.unbind (). виждам документация

Предполагам, че ф са написали на щракване на бутон-id "btn"

после вместо

$("#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>");
});

Прибавяте към класа тук, а не към div, така че ако имате 2 div от този клас, той ще се класира и в двата раздела

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

Аз имах същия проблем. Премахването на маркера за затваряне ми помогна.

Напр .:

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

Но аз добавих опция за избор чрез id, така че не съм сигурен, че работи във вашия случай.

Например (по идент. №):

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