jquery替换div内容html（）

我只是尝试用绑定到单击事件的新内容替换div的内容

---

当我使用

appendTo（）

而不是

html（）

时，它可以正常工作，但我需要清除旧内容，所以我有点困惑为什么它不能正常工作

您使用

内容

代替

选择器

和

选择器

代替

内容

，您需要将

#

与id选择器一起使用。你可以这样做

function showitnow() {
    var div_data = "<div ><a href='XXX'>XXX</a></div>";
    $("#test1").html(div_data);

}

$("#button1").click(function() {
     showitnow();
});
​

函数showitnow（）{
var div_data=“”；
$（“#test1”）.html（div#u数据）；
}
$（“#按钮1”）。单击（函数（）{
showitnow（）；
});
​

您的小提琴有一些错误，应该是这样的：

函数showitnow（）{
var div_data=“”；
$（“#test1”）.html（div#u数据）；
//^----选择器-----^----您的内容
}
$（“#按钮1”）。单击（函数（）{
showitnow（）；
//^---------删除var，单击按钮时调用函数即可
});

也许你可以试试这个..
将JQuery作为父级和子级播放

<div id="Destination"> 
    <div class="child_content"> item 1 </div>
    <div class="child_content"> item 2 </div>
</div>

    <div id="Source"> 
    <div class="child_content"> item 1 </div>
    <div class="child_content"> item 2 </div>
</div>

      <script type="text/javascript"> 
        $(document).ready(function(){
            $("#Source .child_content").click(function(){
                $(this).parent().remove();
                $(this).appendTo("#Destination");
            });
        });
    </script>

项目1
项目2
项目1
项目2
$（文档）.ready（函数（）{
$（“#Source.child_content”）。单击（函数（）{
$（this.parent（）.remove（）；
$（此）。附加到（“目的地”）；
});
});

希望这对你有帮助。

期望的结果

在同一示例中只需要很少的修改

<div id = 'div_data'>
<button id="button1">BUTTON1</button>
div>

<div id="test2"></div>

按钮1
div>

您应该在JSFIDLE链接中添加一些代码来支持您的问题。

<div id = 'div_data'>
<button id="button1">BUTTON1</button>
div>

<div id="test2"></div>