Selecting a TD element from it's ID in jQuery

Question

I have an array called currentTD that holds two integers, the first element in the array is an ID to a <TR> element, and the second element in the array is the ID of a <TD> element within that <TR>.

I want to somehow select that <TD> and change its background colour. I'm just not sure how I can select that <TD> given the "co-ordinates" from currentTD?

Thanks.

Answer 1

$('#' + currentTD[1]).css('background-color', color);

Answer 2

This is based on your previous question: you can use .eq(), like this:

$("table").find("tr").eq(trIndex).children("td").eq(tdIndex)
          .css({ backgroundColor: "red" });

This assumes you have an array like this: [tdIndex, trIndex]. As for your previous markup, remove those IDs, they're both invalid and not needed.

IDs can't start with a number (unless you're using HTML5) and can't be repeated, as they are on your <td>s. But since you can get what you want via indexes...there's no need for the id attributes anyway, so just remove them.

Answer 3

If currentTD has an id of the TD to change it's background as it's second element, then the following should work.

$('#' + currentTD[1]).css('background-color', 'red');