Variables in JQuery selector aren't working

Question

I have a function that takes an x and y value, and, using a tables rows and columns, finds the given cell. JQuery:

function changeNum(x,y,num)
{
    var thisRow = $(".sudoku:nth-child("+y+")");
    var thisCell = $(thisRow+":nth-child("+x+")");
}

Something in the thisCell declaration is causing the javascript to stop.

Denys Séguret · Accepted Answer · 2013-02-13 20:37:24Z

3

thisRow is a jQuery set, not a string. Use this :

var thisCell = $(":nth-child("+x+")", thisRow);

You might also directly use

var thisCell = $(".sudoku:nth-child("+y+") :nth-child("+x+")");

Note that if sudoku is the class of the table and not the class of the row, then you'd need a space between .sudoku and :nth-child.

answered Feb 13, 2013 at 20:37

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

oiek kent · Accepted Answer · 2013-02-13 20:40:13Z

0

try lead with ""+

var thisCell = $(""+thisRow+":nth-child("+x+")");

answered Feb 13, 2013 at 20:40

oiek kent

213 bronze badges