JQuery Добавление элементов DOM

Question

Это может быть простой ответ, но я пытаюсь добавить элемент, созданный dom (т.е. document.createElement(...)), к селектору jQuery.

jQuery имеет большой набор функций для добавления HTML

• .html (HTMLString)
• .append (HTMLString)
• .prepend (HTMLString)

Но я хочу добавить объект ОБЪЕКТ

var myFancyDiv = document.createElement("div");
myFancyDiv.setAttribute("id", "FancyDiv");

// This is the theoretical function im looking for.
$("#SomeOtherDiv").htmlDom(myFancyDiv); 

Answer 1

Попробуйте это:

$("#SomeOtherDiv").append($(myFancyDiv)); 

Оборачивая элемент DOM в $ (...), я ожидаю, что вы можете добавить его с любой из функций манипулирования DOM jQuery, которые принимают коллекцию элементов jQuery.

Answer 2

Вы можете сделать вещи проще и быстрее, полностью исключив jQuery для чего-то такого простого:

document.getElementById("SomeOtherDiv").appendChild(fancyDiv);

Answer 3

Это должно сделать это!

  $("#SomeOtherDiv").append('<div id="FancyDiv"></div>')); 

Answer 4

Вы можете попробовать так:

$("<div/>", {

  // PROPERTIES HERE

  text: "Click me",

  id: "example",

  "class": "myDiv",      // ('class' is still better in quotes)

  css: {           
     color: "red",
     fontSize: "3em",
     cursor: "pointer"
  },

  on: {
    mouseenter: function() {
      console.log("PLEASE... "+ $(this).text());
    },
    click: function() {
      console.log("Hy! My ID is: "+ this.id);
    }
  },

  append: "<i>!!</i>",

  appendTo: "body"      // Finally, append to any selector

}); 

Answer 5

Это будет работать в jQuery 1.4

$("<div/>",{
    id: 'FancyDiv'
}).appendTo("#SomeOtherDiv");

http://api.jquery.com/jQuery/#jQuery2