javascript - 如果 id 基于函数参数之一，如何访问 jquery 中的元素？

Question

我正在尝试使用函数输入访问 jquery 中的元素。为了澄清这一点，这里是我尝试过但不起作用的示例:

function openReceivedMessage(messageid)
{
    // ajax post query that is executing fine

    // set row to not be highlighted
    var rowid = 'receivedrow' + messageid.toString();
    document.getElementById(rowid).style.background-color = "#ffffff";

    // other code that is executing fine
}

本质上，这是一个消息收件箱页面。我已在表中显示消息，并且随着每个用户的消息数量发生变化，我使用循环来填充它。为了打开一条消息，我希望使用 jquery 函数(如上标题所示)，因此当循环填充表时，我将其设置为每个不同的主题行都会在 onclick 时使用以下命令执行上述函数作为参数传入的唯一 messageid。打开后，我想更改表中的其他内容(我命名的，类似于消息函数，如“receivedrow#”，其中 # 是 messageid。

非常感谢这里的任何帮助，我觉得必须有一种简单的方法来创建一个字符串(就像我上面对 rowid 所做的那样)并访问具有该 id 的元素(在表中有一行 id="receivedrow #”，我想调整其CSS)。

Answer 1

我建议使用 jQuery 来查找元素

var rowid = 'receivedrow' + messageid.toString();
var $el = $("#" + rowid);

然后简单地对$el进行操作

$el.css({'background-color':'#FFFFFF'});

如果您仍然遇到问题，我建议您检查 rowid 是否正确，然后 jQuery 是否返回正确的元素。