javascript - 更改超链接的点击

Question

我想更新超链接的点击事件onClick，想在jquery中更新超链接里面的html

HTML

<a class=" save" href="javascript:void(0);" onclick="save_unsave('unsave','UID','ID',this);">
    <div class="jopt_iconwrap" title="Unsave" alt="Unsave" >
        <span class="saved"></span>
    </div>
    Unsave
</a> 

现在点击 save_unsave 函数我想更新 html 设计如下:

 <a class=" save" href="javascript:void(0);" onclick="save_unsave('save','UID','ID',this);">
        <div class="jopt_iconwrap" title="Save" alt="Save" >
            <span class=""></span>
        </div>
        Save
    </a> 

我正在尝试在函数中执行此操作:

jQuery

if(type == 'save')
    {
            var new_type = "'unsave'";
            jQuery(elem_obj).html("");
            jQuery(elem_obj).html('<a onclick="save_unsave('+new_type+','+uid+','+id+',this);" class="saved" href="javascript:void(0);"><div class="jopt_iconwrap" title="Unsave" alt="Unsave"><span class="saved"></span></div>Unsave</a>');
    }
    else if(type == 'unsave')
    {

        var new_type = "'save'";
        jQuery(elem_obj).html("");
        jQuery(elem_obj).html('<a onclick="save_unsave('+new_type+','+uid+','+id+',this);" class=" save" href="javascript:void(0);"><div class="jopt_iconwrap" title="Unsave" alt="Unsave"><span class="mico"></span></div>Save</a>');

    }

我们如何在 jquery 中执行此操作。请帮助我，我在函数中有 elmenet 对象。

Answer 1

简单地说，我会建议您使用 replaceWith() 代替 .html() 它会为您正常工作。