c# - 通过jquery在其点击事件上更改超链接自己的文本

Question

我有一个动态生成的超链接列表，我正在使用 jquery 绑定单击事件，一切正常，我无法做的一件事就是更改其文本

 **this.value = s;**

这就是我试图做的没有任何成功的事情。

我的完整代码：

$(document).ready(function () {
    $('[id*="lnkStatus_"]').bind('click', SaveRequirmentStatus);
});

function SaveRequirmentStatus(event) {
    var itemID = $(event.currentTarget).attr('id');
    var intProjectId = $('[id$="hdnProjectId"]').val();
    var idRequirment = itemID.split('_')[1];
    var idRequirementPhase = itemID.split('_')[2];
    var idPhaseStatus = $(event.currentTarget).val();
    if (intProjectId != '0' && idRequirment != '0' && idRequirementPhase != '0') {
        $.getJSON('handler/RequirementLifecycleHandler.ashx?     FuncName=SaveRequirment&idRequirment=' + idRequirment + "&idRequirementPhase=" + idRequirementPhase + "&idProject=" + intProjectId + "&idPhaseStatus=" + idPhaseStatus, function (ValueStatus) {
            var s = ValueStatus;
            alert(this);
            this.value = s;
        });
    }
}    

Answer 1

this在您使用它的上下文中，它不会引用链接，因此请在内部函数之外保存对它的引用并使用它。此外，链接没有值，您可以使用 jQuery文本函数设置文本。

将代码更改为此应该可以满足您的要求：

function SaveRequirmentStatus(event) {
    var $this = this; // save reference to the clicked link
    var itemID=$(event.currentTarget).attr('id');
    var intProjectId=$('[id$="hdnProjectId"]').val();
    var idRequirment=itemID.split('_')[1];
    var idRequirementPhase=itemID.split('_')[2];
    var idPhaseStatus = $(event.currentTarget).val();
    if (intProjectId != '0' && idRequirment != '0' && idRequirementPhase != '0') {
        $.getJSON('handler/RequirementLifecycleHandler.ashx?FuncName=SaveRequirment&idRequirment=' + idRequirment + "&idRequirementPhase=" + idRequirementPhase + "&idProject=" + intProjectId + "&idPhaseStatus=" + idPhaseStatus, function(ValueStatus) {
            $this.text(ValueStatus); // set the text of the link to ValueStatus
        });
    }
}

Answer 2

这应该做

$(function() {
$('[id*="lnkStatus_"]').bind('click', SaveRequirmentStatus); 

});
function SaveRequirmentStatus(event) {
 $(this).text(ValueStatus);
}