Question

我有一个名字列表，每个名字都有一个子项目子项当我点击名字时，我需要将这些子项传递给表格 Here就是一个例子，尝试扩展名字但是，如果我再次点击它，它将继续将该值添加到表的不同单元格中。我怎么可以只添加一次？或者总是在同一个地方？

另外，我有一些学科的属性：

data-id =纪律开始的时间;
/*JQuery*/ $(document).ready(function(){ $(".prof-list h3").click(function(event){ var obj = event.target; var disciplina_id = $(this).next().find('li').data('id'); var disciplina_hora = $(this).next().find('li').data('time'); if(disciplina_hora == "14:30:00"){ var myRow = document.getElementById("prof-table").rows[3]; myRow.insertCell(1).innerHTML = $(this).next().find('li').text(); } else if(disciplina_hora == "08:30:00"){ var myRow = document.getElementById("prof-table").rows[1]; myRow.insertCell(1).innerHTML = $(this).next().find('li').text(); } if(obj.nodeName == "H3") $(this).next().slideToggle();//Aplica efeito slide //$("#list_prof").html("clicked: " + event.target.nodeName ); //Teste }) }) =该学科的ID（全部来自数据库）;

我的代码：

{{1}}

Answer 1

使用= $cid更新单元格内容

.cells[]

修改更新

if(disciplina_hora == "14:30:00"){
    var myRow = document.getElementById("prof-table").rows[3];

    // insert if `myRow` only has 1 cell
    if(myRow.cells.length <= 1)
      myRow.insertCell(1);

    // use `cells[1]` to update the 2nd cell content 
    myRow.cells[1].innerHTML = $(this).next().find('li').text();
}

在click事件上向html表添加新行

1 个答案: