Question

I am trying to access an element in jquery using a function input. To clarify, here is an example of what I have tried that isn’t working:

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
}

Essentially, this is for a message inbox page. I have displayed the messages in a table, and, as the number of messages changes for each user, I used a loop to populate it. In order to open a message, I have hoped to use a jquery function (titled above), and so when the loop populated the tables, I set it so that each of the different subject lines would, onclick, execute the above function with the unique messageid passed in as the argument. Upon opening, I want to change other things in the table (that I named, similar to the message function, as things like ‘receivedrow#’ where # is the messageid.

Would hugely appreciate any help here, I feel like there must be a simple way create a string (like I did with rowid above) and access the element with that id (in the table there is a row with id=”receivedrow#” that I want to adjust the css of).

Answer 1

I recommend using jQuery to find the element

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

Then simply operate on $el

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

If you’re having trouble still, I recommend checking that rowid is correct and that the jQuery is then giving you the right element back.