Question

当我使用jQuery点击它时，我正试图将一个div替换为另一个div但是我不能这样做，我不知道是否需要在一个div上使用hide属性。

这是代码

<div id="prepersonal">this is a test 1</div>
<div id="personal">this is a test 2</div>

这是css

#prepersonal {
   width: 330px;
   height: 330px;
   border-radius: 5px;
   background-color: #FF6801;
   color: #FFFFFF;
   font-family: Tahoma;
   padding-top:7px; 
}

#personal {
   width: 330px;
   height: 330px;
   border-radius: 5px;
   background-color: #FF6801;
   color: #FFFFFF;
   font-family: Tahoma;
   padding-top:7px;
}

有人知道答案吗？

Answer 1

以下内容一个div中的内容替换为click的内容：

$(function(){
    $('#prepersonal').on('click', function(){
        $('#personal').html(this.innerHTML);
    });
});

发表评论后

$(function(){
    var a = $('#prepersonal'), b = $('#personal');

    // you can remove this call to hide by initially
    // hiding the div using display:none; in CSS
    b.hide();

    a.on('click', function(){
        toggledivs();
    });
    b.on('click', function(){
        toggledivs();
    });

    function toggledivs(){
        a.toggle();
        b.toggle();  
    };
});

http://jsfiddle.net/f6r82/

Answer 2

$(function() {
    $("#prepersonal").click(function(){
        $("#personal").html($("#prepersonal").html()); //You can use the text() method instead of html if you need only the text
        $("prepersonal").css("display", "none");
    });
);

Answer 3

$(function(){
$('#prepersonal').on('click', function(){
    $(this).replaceWith($('#personal'));
});
});

如何替换div中的信息

3 个答案: