php - JQuery 中动态设置选择器

Question

我有一个表，其值是使用 PHP 动态生成的，包括 id 和 name 属性(例如 id="question_"。

如何在考虑到这一点的情况下设置元素属性？例如，我有一个 div，其文本在成功的 ajax 调用后会发生变化，但 id 是动态的。

我尝试制作以下测试函数，并在 onclick 事件上调用它:

function approve(question_id)
{
    var div = 'suggestion_status_' + question_id;
    $('#div').html('test');
}

但这不起作用。如何使变量“div”的值成为选择器？

Answer 1

您的示例的问题在于 div 是一个变量，而不是字符串；所以以下内容将起作用:

function approve(question_id)
{
    var div = 'suggestion_status_' + question_id;
    $('#' + div).html('test');
}

或者甚至:

function approve(question_id)
{
    $('#suggestion_status_' + question_id).html('test');
}

另一种方法是利用类，并将已知类添加到您的元素中。如果没有看到完整的 HTML，我无法提供完整的示例，但是像这样的东西将是可行的方法:

$('.yourCommonClass').bind('click', function () {
    var that = this;

    jQuery.get('/accept.php', {
        id: this.id
    }, function (msg) {
        $(that).html('Accepted!');
    });
});

请记住jQuery.get参数是目标 url、请求中编码的可选数据属性，然后是回调函数。