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);
    });
});