2つの画像と2つの文章を切り替える

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を使用することができます。