How to append inner-html from a div to a target div?

Question

I need to append html from a div to a target div. Can it be done by jQuery?

I have tried some jQuery. but it didnt respond.

$(".categories_box").clone().end().appendTo(".target-div");



  
    Technology 37
    Lifestyle 04
    Service 29
    Food 15
    Architecture 09
    Adventure 44

I have tried to append the entire "

"

user_8634289 · Answer

You can use .html() from jquery like this:

$(".target-div").html($(".categories_box").html());

user_4325878 · Answer

Use $(".categories_box").clone().appendTo(".target-div"); The .end() is used to

End the most recent filtering operation in the current chain and return the set of matched elements to its previous state.

Most of jQuery's DOM traversal methods operate on a jQuery object instance and produce a new one, matching a different set of DOM elements. When this happens, it is as if the new set of elements is pushed onto a stack that is maintained inside the object. Each successive filtering method pushes a new element set onto the stack. If we need an older element set, we can use end() to pop the sets back off of the stack.

So what you really need is to append the cloned elements.

* UPDATE *

To append only the children:

$(".categories_box").children().clone().appendTo(".target-div");

user_7843828 · Answer

You can try this.

$(".target-div").html($(".categories_box").html());

The only you have to change your js code.

user_7405477 · Answer

//$(".categories_box").clone().end().appendTo(".target-div");
$(".target-div").append($(".categories_box").clone().find('ul'));



   
       Technology 37
       Lifestyle 04
       Service 29
       Food 15
       Architecture 09
       Adventure 44

How to append inner-html from a div to a target div?

4 Answers