Question

我想复制＆amp;将div ID移动到DOM中的其他位置。

<div id="portfolio"></div>

这是实施.html()的正确代码吗？

$(".text").click(function() {
    $("#portfolio").html($(this).next(".text1").html());
    $(this).html('');
});

Answer 1

要使用jQuery移动HTML元素，您可以使用 -

$("someSelector").appendTo("someOtherSelector");

要复制，您可以使用 -

$("someSelector").clone().appendTo("someOtherSelector");

看看这里 - http://api.jquery.com/clone/

Answer 2

使用.append()，然后使用.html()设置内容：

小提琴中的工作示例：http://jsfiddle.net/agconti/aAjbw/

HTML：

<div id="portfolio">stuff</div>

JS：

$(function () {
    $(document).on("click", "#portfolio", function (e) {
        e.preventDefault();
        $("body").append("<div>" + $("#portfolio").html() + "</div>");
});
});

使用.append()会在你的投资组合元素之后添加div。您可以使用.prepend()在其前面添加div。

Answer 3

如果我理解你想要达到的目标：

$(".text").click(function() {
    $("#portfolio").html($(this));
});

.html（）指的是innerHtml，或div中的任何内容，但你试图移动对象本身。

的jsfiddle： http://jsfiddle.net/Nh9Ef/1/

将div移动到DOM中的位置

3 个答案: