javascript - 动态编辑表td文本

Question

我有一个包含教授姓名的列表。
在每位教授的“内部”，我都有一个包含他们所教授的学科的子列表。一切都来自数据库...
当我扩展教授的学科时，我想用这些学科来填充表格。
困难的部分是:我需要在正确的时间插入这些规则。
每个学科都有其ID 和时间。
如您所见Here 。起初，这个表是空的，只填充类(class)时间(例如我只填充学科)。

如果你检查 HTML，你会发现我已经有了教授和
学科 ID，位于 data-id="" 中。

当我扩展该教授的学科时教授该学科时，我如何将这些学科插入表格的正确位置。另外，稍后我需要将两到三个学科放在同一个 TD 空间中，就像谷歌的议程一样。
我尝试使用 JQuery eq() 但无法使其工作。

更新这就是我使用 JQuery.eq() 所做的:

$( "body" ).find( "table tr td" ).eq( 2 ).addClass( "blue" );  

我能够正确地申请该类(class)，但是如何根据学科的时间选择正确的类(class)呢？ (时间将从数据库及其 ID 中获取)。

我是否使用Ajax从数据库获取学科时间？
当我将子列表填充为自定义属性(例如 data-time="")时，是否添加学科时间，然后重用它来填充表格？
我是否为每一行添加一些自定义类？
我是否做了很多 IF 语句？

Answer 1

你问的问题令人困惑。我建议映射标题列名称，因为更容易引用表格单元格...

var $table = $('#myTable'), cols = getColumnNames();

// use map function to get an array containing column names
function getColumnNames(){  
    var $header = $('thead th', $table);
    return $header.map(function(){ return $(this).text(); }).get();
}

// now easier to get a table cell, by passing the row and column name
function getCell($row, colName){            
    var index = cols.indexOf(colName);
    return $row.find('td:eq(' + index + ')');
}

// loop through rows and choose which cell to process
function loopThroughRows(){ 

    var $row, $cell, $rows = $table.find('tr');

    $rows.each(function(){
        $row  = $(this);
        $cell = getCell($row, 'Segunda-Feira');
        // do stuff with $cell
    });
}