繁体   English   中英

如何使用JavaScript检查空的TD单元格(数据输入是字符串)

[英]How to check for empty td cells (data input is a string) using javascript

这是我的第一篇文章,所以对我轻松一点:D

基本上我有一个可以通过使用wordpress插件进行前端编辑的表格。 表格中输入的数据必须显示为一种热图-其中的值将以不同的颜色表示不同的值。

我真的认为表格本身并不重要,但下一部分是

   function showTableData() {

var myTab = document.getElementById('table_1');
var tabledata="";


for (i = 1; i < myTab.rows.length; i++) {


    var objCells = myTab.rows.item(i).cells;


    for (var j = 0; j < objCells.length; j++) {

        tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+"</div>";
        if(j==31) 
        {
        tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+"</div><br>"; 
        }


    }
    document.getElementById('tabledata').innerHTML=tabledata;


}

}

我已经使用了上面的这段代码来显示网站上表格的值,表格的开头最大为30x30,如果添加if(j == 31)为其添加一个分隔符(以使其看起来像表格一样)在网络上),并为表格的每个值添加了一个div,因此将来我将能够根据表的值更改背景。

现在我需要的是,如果表格中的字段在写下表格值的地方是空白的,那么它应该说0,因为现在它什么也没说

https://gyazo.com/948f6839808567d838ff026ed7155e98

任何帮助将不胜感激:D

       edit: forgot to say i tried using 

      if(tabledata==='')
   {
    tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+'0'+"</div>"; 
    }

编辑:并且如果我尝试放置objcells ===''和objCells.item(j).innerHTML ===''和tabledata + objCells.item(j).innerHTML ==='0'

但是我唯一实现的是在每个值上输出0(如果它是值2,则将其写为02等)

再次感谢您,如果我没有正确格式化我的问题,请随时纠正我:D

弄清楚了,我只是更改了if语句,因为我意识到我一直在做的事情很愚蠢。

        function showTableData() {

var myTab = document.getElementById('table_1');
var tabledata="";


for (i = 1; i < myTab.rows.length; i++) {


    var objCells = myTab.rows.item(i).cells;

    for (var j = 0; j < objCells.length; j++) {


        if(j==29) 
        {

        tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+"</div><br>"; 

        }
        else if(objCells.item(j).innerHTML=='' )
        {
         tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+'0'+"</div>";    
        }

        else tabledata=tabledata+''+"<div class='test' style='display:inline'>"+objCells.item(j).innerHTML+"</div>";



    }

    document.getElementById('tabledata').innerHTML=tabledata;


}

}

现在,如果行中的最后一个元素为空,则不会放置0,但希望我能弄清楚

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM