jquery-ui - 如何在点击表格时获取特定的行和列值

Question

我创建了一个动态表，现在我想要单击如何获取的特定行和列的值。以下是我的代码

var theader = '<table border="1">\n';
        var tbody = '';

        for (var out = 1;out<substr.length-1;out++)
        {
            //alert(substr[out]);

            tbody += '<tr>';

            var pra = substr[out].split('|^');
            //alert('pra.length is: '+pra.length);
            for (var i=0;i<pra.length-1;i++)
            {
                tbody += '<td>';
                tbody += pra[i];                    
                tbody += '</td>' 

            }
            tbody += '</tr>\n';

        }

        //createTable();
        var tfooter = '</table>';
        document.getElementById('wrapper').innerHTML = theader + tbody + tfooter;

Answer 1

为表分配一个 id

var theader = '<table border="1" id=\"tableId\">\n';

然后像这样写jquery

演示 http://jsfiddle.net/75zFX/4/

$(function(){
    $("#tableIdtr td").on("click",function() {
       alert($(this).html());
       //OR $(this).text()

    });
});​