关于点击事件ajax成功回调之后的问题

<body>
    <a href="" class="qs">签收</a>
    <a href="" class="qs">签收</a>
    <a href="" class="qs">签收</a>
    <a href="" class="qs">签收</a>
</body>    

$(".qs").on('click', function() {
            $.ajax({
                type: 'POST',
                url: url,
                data: { taskId: taskId },
                success: function(data) {
                    //如何在点击了签收,执行ajax请求成功后,改变当前点击的a标签的值为“结束”。其实就是想成功回调后获取当前点击的a标签,并且改变他的属性和值。其他的a标签不变
                }
            });
阅读 1.8k
2 个回答

修改代码如下:

$(".qs").on('click', function() {
  let $target = $(this)
  $.ajax({
    type: 'POST',
    url: url,
    data: { taskId: taskId },
    success: function(data) {
        $target.text('XXX')
    }
  });
});

<body>

<a class="qs">签收1</a>
<a class="qs">签收2</a>
<a class="qs">签收3</a>
<a class="qs">签收4</a>

<script>

$(".qs").on('click', function() {
    $(this).context.innerText = 'xxx'
})

</script>

推荐问题
宣传栏