Question

我想将如下所示的数据放入Cell（2）中，但隐藏并仅使用纯JS

for(var i = 0;  i < obj.features.length; i++) {
    var featureTitle = obj.features[i].properties.title;
    var featureHab = obj.features[i].properties.Broad_Habi;

    var table = document.getElementById("myTableData");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.insertCell(0).innerHTML= '<a href="#" class="myButtonView" onClick="Javacsript:deleteRow(this)">?</a>';
    row.insertCell(1).innerHTML= '<a href="#" class="myButtonDelete" onClick="Javacsript:deleteRow(this)">X</a>';
    row.insertCell(2).innerHTML= featureTitle;
    row.insertCell(3).innerHTML= featureHab;
}

Answer 1

这个

有多种解决方案

在JavaScript中，它就像使用visibility-hidden一样简单。

var tableCel = document.querySelector('td')[2];
tableCell.style.visibility = 'hidden';

如果您以后想要显示表格单元格，只需更改属性的值。

tableCell.style.visibility = 'visible';

在jQuery中，有几种方法

$("td:eq(2)").hide();

或者

$("td:eq(2)").css({ "visibility": "hidden" });

Answer 2

我想你想隐藏点击deleteRow，这可能是这样的

function deleteRow(rowyouwanttohide)
{
    rowyouwanttohide.style.visibility = 'hidden'; 
    //or you can go to display none like below
    rowyouwanttohide.style.display= 'none'; 
}

如何用javascript隐藏表格的单元格

2 个答案: