添加和删​​除锚属性

Question

我有一个网址，例如：

<a data-toggle="modal" data-target="#globalModal" id="apply_to_job" href="<?php echo Config::get('URL');?>jobs/apply_to_job/<?php echo System::escape($this->job->job_id); ?>" class="btn btn-primary"><?php echo System::translate("Apply for job"); ?></a>

点击此HREF时会显示其他内容的模态。完成后，我想通过删除：

来重新设计锚属性

data-toggle="modal" data-target="#globalModal" 

一旦他们再次点击新的HREF，我想将上面的内容添加回锚属性

这是我的jquery，那么如何删除数据切换的东西呢？

$(document).ready(function()
{
    $('#apply_to_job_form').on('submit', function(){

        $.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            dataType: 'json',
            data: $(this).serialize(),

            success:function(data){
                if(!data.success){
                    $.notify(data.error, "error");
                }else{
                    $.notify(data.success, "success");
                    $('#globalModal').modal('hide');
                    $('#apply_to_job').removeClass("btn-primary");
                    $('#apply_to_job').addClass("btn-danger");
                    $('#apply_to_job').attr("href", "<?php echo Config::get('URL'); ?>jobs/cancel_application/" + $('#job_id').val());
                    $('#apply_to_job').text("<?php echo System::escape("Cancel applicaiton"); ?>");
                }
            }
        });
        return false;
    });
});

如您所见，它会更改href，但不会删除数据切换。

Answer 1

在jquery函数的部分中使用这两行代码

$("#apply_to_job").removeAttr("data-toggle");
$("#apply_to_job").removeAttr("data-target");

Answer 2

如果您只想删除data-toggle="modal"，那么您可以使用jQuery removeAttr()函数，该函数在上面为您提供了@ jmb.mage。

以下是我希望您发现有用的相关示例：

$(document).ready(function()
{
    $('#apply_to_job_form').on('submit', function(){

        $.ajax({
            url: $(this).attr('action'),
            type: $(this).attr('method'),
            dataType: 'json',
            data: $(this).serialize(),

            success:function(data){
                if(!data.success){
                    $.notify(data.error, "error");
                }else{
                    $('a#apply_to_job').removeAttr('data-toggle');
                }
            }
        });
        return false;
    });
});