javascript从PHP Echo更改锚标记标题值

Question

我有一个分配给锚标记的类，称为status_button。 单击与锚标记关联的图像后，它将运行附加功能。 将两个变量传递给php脚本，并用分号将3个数据响应回显。 我设置了警报以确保从php返回正确的数据。

我需要帮助的是如何使用echo响应更改锚标记标题值。 在我尝试过的20个示例中，有5个示例。 它们都不起作用，但是我也没有错误。 任何帮助将不胜感激。

$(".status_button").on('click', function () {
    var element = $(this);
    var I = element.attr("id");
    var id = $("#id" + I).val();
    var sname = $(this).attr("title");
    $.post("openclose.php", {
        id: id,
        sname: sname
    },      
    function (data) {
        var response = (data).split(";", 3);
        alert(response[0]);
        alert(response[1]);
        alert(response[2]);

        $("#messageA" + I).innerhtml = (response[0]);
        $("#messageA" + I).hide();
        $("#messageA" + I).fadeIn(1500);
        $("#messageB" + I).html(response[1]);
        $("#messageB" + I).hide();
        $("#messageB" + I).fadeIn(1500);

        ***$(this).attr("title",(response[2]));
        ***$(I).attr("title", (response[2]));
        ***$("#id" + I).attr("title" , (response[2]));
        ***document.getElementById(I).title = (response[2]);
        ***document.getElementById("#id" +I).setAttribute("title",(response[2]));
    });
    return false;
});

Answer 1

这将起作用：

$("#1").attr("title", (response[2]));

您的尝试：

    ***$(this).attr("title",(response[2])); //this is no longer referring to the clicked element when inside the callback
    ***$(I).attr("title", (response[2])); //Missing # for ID
    ***$("#id" + I).attr("title" , (response[2])); //Not your element ID
    ***document.getElementById("#id" +I).setAttribute("title",(response[2])); //Not your ID

Answer 2

好吧....我不得不改变一些事情以使它按我需要的方式工作。 首先，我从锚标签中删除了标题，并将其放在div标签中。 然后，我将来自php文件的响应从3减少到2数据。

$(".status_button").on('click', function () {
    var element = $(this);
    var I = element.attr("id");
    var id = $("#id" + I).val();
    var xname = $("#messageA" + I).attr('title');
    $.post("openclose.php", {
        id: id,
        xname: xname
    },      
    function (data) {
    var response = (data).split(";", 2);
        $("#messageA" + I).attr('title', (response[0]));        
        $("#messageB" + I).html(response[1]);
        $("#messageB" + I).hide();
        $("#messageB" + I).fadeIn(1500);

    });
    return false;
});