在兩個圖像和兩個句子之間切換

Question

我正在創建一個添加和刪除按鈕，當您可以在圖片上方添​​加它說的請添加並且當您可以刪除它時請說刪除。然而，我堅持如何才能使其發揮作用。當你刪除我得到了什麼作品，當您添加，但並不：

$('.button a').click(function() { 
     var url = $(this).attr('href'); 
     var info = $(this).attr('rel'); 
     var cct = $.cookie("<?php echo $this->config->item('csrf_cookie_name'); ?>"); 

     $.get(url, {<?php echo $this->security->get_csrf_token_name(); ?>: cct}, function() { 
      $('.button a').empty().addClass('delete'); 
      $('.addText').empty().html(info); 
     }); 
     return false; 
    }); 

的HTML

<div class="addText">please add</div> 

<div class="button"><a href="cabinet/add/180" class="add" rel="please delete"></a></div> 

Answer 1

既然你採取從鏈接的rel屬性的文本，您需要更改rel什麼你想讓它旁邊的人說：

// Add to Cabinet 
$('.button a').click(function() { 
    var url = $(this).attr('href'); 
    var info = $(this).attr('rel'); 
    var cct = $.cookie("<?php echo $this->config->item('csrf_cookie_name'); ?>"); 

    $.get(url, {<?php echo $this->security->get_csrf_token_name(); ?>: cct}, function() { 
     $('.button a').empty().addClass('delete'); 
     $('.button a').attr('rel', $('.addText').html()); // Change the rel text 
     $('.addText').empty().html(info); 
    }); 
    return false; 
}); 

順便說一句：從未允許GET請求刪除數據，使用POST代替：https://stackoverflow.com/a/1744404/539097

您還可以使用toggleClass代替addClass添加和您的鏈接元素上刪除「刪除」級之間交替。