使用jQuery切換，附加一個元素後，我如何刪除該元素？

Question

我如何在刪除var icon元素後添加它？目前的方法不起作用。

我試過解釋here的方式，但它沒有奏效。

JQUERY

$('#edit').toggle(function(){ 
    $('#edit').text('Close'); 
    var icon='<i class="icon-remove"></i>'; 
    $('.para').append(icon); 
}, function(){ 
    $('#edit').text('Edit'); 
    var $icon = $(icon).not('i'); 
    $('.para').append($icon); 
}); 

這並不工作要麼

$('#edit').toggle(function(){ 
    $('#edit').text('Close'); 
    var icon='<i class="icon-remove"></i>'; 
    $('.para').append(icon); 
}, function(){ 
    $('#edit').text('Edit'); 
    var icon='.remove'; 
    $('.para').remove(icon); 
}); 

HTML/PHP

foreach ($users_tags as $key => $list) { 
echo '<span>'.$list['tag_name'].'<span class="para"></span> </span>. '; 
} 

Answer 1

你可以那樣做

('#edit').toggle(function(){ 
    $('#edit').text('Close'); 
    var icon='<i class="icon-remove"></i>'; 
    $('.para').append(icon); 
}, function(){ 
    $('#edit').text('Edit'); 
    var $icon = $('.icon-remove'); 
    $icon.remove(); 
});