javascript - 图像被 append 和删除但文本未被删除 jQuery

Question

这是我的代码:

<input type = checkbox id = "kinch" name = "link" > Bunz </input>
<div id = bootypipe></div>

这是 JavaScript:

$("#kinch").click(function(){

    if ($("#kinch").is(":checked")) {

        //Add image to div bootypipe
         $("#bootypipe").append("<image id = 'chink' src = 'http://4.bp.blogspot.com/_TUdhYRa2Xm0/RsuDa4NvSEI/AAAAAAAAAQs/jr_r6v_SUgs/s320/New-England-Style-Hot-Dog-Buns_8A827671.jpg'>HA!</image>");

    } else {


        $("#chink").remove();

    }
});

这是 jsfiddle:http://jsfiddle.net/shrimpboyho/wUu34/13/

图像被删除并 append ，但是当我删除图像时，文本 Ha! 仍然保留并随着时间的推移而累积。我怎样才能删除这个？

Answer 1

你不能这样做吗:

$("#bootypipe").empty(); 

而不是删除图像。