jQuery - 使用replaceWith兩次不起作用

Question

我正在使用jQuery將HTML元素替換爲另一個元素。它第一次效果很好，但不是第二次。我不知道爲什麼它第二次不起作用。

任何任何想法？

這裏的問題的一個例子： http://jsfiddle.net/jfYLG/

---

從的jsfiddle例子的代碼：

<div class="blaat"> 
    <div>woot</div> 
</div> 

<button class="work" type="button">Work</button> 

$(function() { 
    $clone = $('.blaat').clone().addClass('test'); 

    $('.work').click(function() { 
     $('.blaat').replaceWith($clone); 
    }); 
}); 

Answer 1

$(function() { 
    $('.work').click(function() { 
     $clone = $('.blaat').clone().addClass('test'); 
     $('.blaat').replaceWith($clone); 
    }); 
});