在哪里放置onclick…还是应该使用.click（）

Question

I am trying to make a rudimentary GUI for a memory game. I am at a loss as to how to get the id of each td to display with onclick. I don't think I am thinking rightly about when things are happening with var cellID. The rest of this works. See comments.

function cid(){alert(cellID);}//**<-- I feel like this shouldn't be here.** 

function makeBoard(h,w){
var $tab, $row, $cell;

   $tab = $('<div>')
       .attr('id','game')
       .appendTo('#memorygame');


       for(var i = 0; i < h; i++){
            $row = $('<tr>')
            .appendTo($tab);
            for(var j = 0; j <w; j++){
                 var cellID = ('row'+i+'col'+j)
                 $cell = $('<td onclick="cid()">')//**<-- this isn't working**
                 .attr('id',cellID)
                 .appendTo($row);
            }
         } 
     }
         $(makeBoard);

Answer 1

$cell = $('<td>')
    .attr('id',cellID)
    .click(function(){
        alert($(this).attr('id'));
    })
    .appendTo($row);

Or insetad of alert you can use

$('#whereyouwanttodisplay').html($(this).attr('id'));

Answer 2

I don't think your using a valid selector in the jquery function. Try creating the td first then add the attribut like this. $('').attr('onclick' , 'cid()')