Question

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

当我使用appendTo()代替html()时，它正在运行，但我需要清除旧内容，所以我有点困惑为什么这不应该像它应该做的那样

Answer 1

您使用content代替selector和selector代替content，您需要将#与id selctor一起使用。你可以这样做吗

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

}

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

Answer 2

你的小提琴有些错误，应该是这样的：http://jsfiddle.net/pCckh/3/

function showitnow() {
    var div_data = "<div ><a href='XXX'>XXX</a></div>";
    $("#test1").html(div_data);
   //  ^---selector----^----------your content
}

$("#button1").click(function() {
    showitnow();
 // ^----------------remove the var and just call the function when click the button
});

Answer 3

也许你可以尝试这个..
把你的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>

希望这有用..

Answer 4

Please have a look!预期结果......

在同一个例子中只需要很少的修改。

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

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

jquery替换div内容html（）

4 个答案: