这是你要求的示例代码。有两个链接元素具有不同的href属性。当点击时，一个apache请求将被触发到任何指定为href的对象，成功后，相应的span将被填充一个字符串并显示3秒。

<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" class="btn btn-outline-dark btn-sm">
    <i class="far fa-thumbs-up me-1"></i>
    Like <span class="here"></span>
</a>

<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" class="btn btn-outline-dark btn-sm">
    <i class="far fa-thumbs-up me-1"></i>
    Like <span class="here"></span>
</a>

<script>
    function eachlike(thislike) {
        $.ajax({
            type: 'GET',
            url: $(thislike).attr('href'),
            success: function(response) {
                $(thislike).find('.here').html('Done!').show().delay(3000).fadeOut();
            }
        });
        return false;
    }
</script>

要实际切换href（like / unlike），请使用以下命令：

<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" data-toggle-href="https://www.jamarkoho.com/unlike/1" class="btn btn-outline-dark btn-sm">
    <i class="far fa-thumbs-up me-1"></i>
    Like <span class="here"></span>
</a>

<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" data-toggle-href="https://www.jamarkoho.com/unlike/2" class="btn btn-outline-dark btn-sm">
    <i class="far fa-thumbs-up me-1"></i>
    Like <span class="here"></span>
</a>

<script>
    function eachlike(thislike) {
        $.ajax({
            type: 'GET',
            url: $(thislike).attr('href'),
            success: function(response) {
                $(thislike).find('.here').html('Done!').show().delay(3000).fadeOut();
                toggleHref(thislike);
            }
        });
        return false;
    }
    function toggleHref(thislike) {
        let currentHref = $(thislike).attr('href');
        let newHref = $(thislike).data('toggle-href');
        $(thislike).attr('href', newHref);
        $(thislike).data('toggle-href', currentHref);
    }
</script>

第二个函数在href和新属性data-toggle-href之间切换。