Appending data to the specific table cell - jQuery
<p>I have some issue with jQuery TimeTable, I have created a table like</p>


            
                
            
            
                Monday
            
            
                Tuesday
            
            ...... upto saturday
            ......


<p>From and To are two dropdown lists, with this am allocatting the timings for these days,like</p>

<pre><code>    var totalCol += 1;
$("#tabTimetable &gt; tbody &gt; tr:gt(0)").append("&lt;td class='timetableslot " + totalCol + "' onclick='selTimeSlot(this);'&gt;&lt;/td&gt;");
</code></pre>

<p>If I click a particular cell it will ask the Section Name and StaffIncharge in a textbox, here StaffInCharge is a autocomplete box, in the selected item event am binding the data in that particular cell. I can get the CurrentRow and CurrentColumn like</p>

<pre><code>currentCol = $(objCol).parent().children().index($(objCol));
currentRow = $(objCol).parent().parent().children().index($(objCol).parent());
</code></pre>

<p>and I have the data to be displayed as</p>

<pre><code>var data = "&lt;div class='timetableslotselected'&gt;&lt;table width='100%'&gt;&lt;tr&gt;&lt;td align='right'&gt;&lt;div class='close16' onclick='removeItem(" + timetable[i].Row + "," + timetable[i].Col + ",event)' /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;div&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;img src='" + timetable[i].Photo + "' width='32px' height='32px'/&gt;&lt;/td&gt;&lt;td&gt;" + timetable[i].Name + " ( " + timetable[i].ItemName + " )&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/div&gt; ";
</code></pre>

<p>I need to bind this "data" to that particular cell...I dunno how to do this...is it possible to bind like</p>

<pre><code>$("#tabTimetable")[currentRow][currentCol].append(data);
</code></pre>
