jquery中的$(this)怎么修改html内容

怎么将a标签中的内容（添加）改为（已添加）

javascript
<script>
  function addBook(id){
        $.post("${pageContext.request.contextPath}/UserBook/AddBook", {id:id}, function (data) {
            if (data.flag) {
                $(this).html("已添加");
            } else {
                alert(data.msg);
                location.href = "${pageContext.request.contextPath}/Login.jsp";
            }
        });
    }
</script>

html
<a href="#" class="btn btn-default" onclick="addBook(${book.id});">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>添加
</a>

你题目的解答代码如下：

<script>
  function addBook(id,t){
        $.post("${pageContext.request.contextPath}/UserBook/AddBook", {id:id}, function (data) {
            if (data.flag) {
                $(t).find(".text").html("已添加");
            } else {
                alert(data.msg);
                location.href = "${pageContext.request.contextPath}/Login.jsp";
            }
        });
    }
</script>


<a href="#" class="btn btn-default" onclick="addBook('${book.id}',this);">
    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span><span class="text">添加</span>
</a>

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

在span里面设置ID属性，如id="spanId"

$("#spanId).text("已添加");