Jquery 在两个图像和两个句子之间切换

我正在创建一个添加和删除按钮，当你可以添加上面的图片，它说请添加，当你可以删除它说请删除。然而，我被困在如何让它工作的问题上。我所得到的在您添加时有效，但在您删除时无效：

    $('.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;
    });

$（'.button a'）。单击（函数（）{
var url=$（this.attr（'href'）；
var info=$（this.attr（'rel'）；
var cct=$.cookie（“”）；
$.get（url，{:cct}，函数（）{
$（'.button a'）.empty（）.addClass（'delete'）；
$（'.addText'）.empty（）.html（信息）；
});
返回false；
});

html

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

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

请添加

由于您是从链接的

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

//添加到文件柜
$（'.button a'）。单击（函数（）{
var url=$（this.attr（'href'）；
var info=$（this.attr（'rel'）；
var cct=$.cookie（“”）；
$.get（url，{:cct}，函数（）{
$（'.button a'）.empty（）.addClass（'delete'）；
$（'.button a'）.attr（'rel'，$（'.addText'）.html（）；//更改rel文本
$（'.addText'）.empty（）.html（信息）；
});
返回false；
});

顺便说一句：决不允许

获取

删除数据的请求，改用

发布

：

---

您还可以使用

toggleClass

而不是

addClass

来交替添加和删除链接元素上的“delete”类。

嘿，谢谢您的帮助。我不知道关于get和post，谢谢你指出这一点。一件事虽然这允许rel文本改变，但是两个图像之间的改变呢？我希望当您单击“添加要更改为删除的类”时，当您再次单击它时，它会更改back@Jacinto我在我的原始帖子中添加了一行内容，说明可以使用toggleClass而不是addClass来在添加和删除“delete”类之间切换。是否还有切换url的方法？