Javascript：当一个单元格为空时隐藏表行。wordpress页面

我有一个网页，你可以填写表格，在新的页面上生成工作许可证，你可以在那里签字。 表格页： 最后有一些问题作为检查表（只有一台atm），我希望这个功能是，如果你不回答这个问题，它将不会出现在下一个生成的页面上

如果电子签名文档页面上的

为空，我尝试添加javascript来隐藏

。 我已预先填写了文档，供您查看：

回答问题时：

当你不回答时：

Javascript（添加到插件页面模板：index.php）

函数isEmptyTable（myId）{
设tds=document.getElementsByCassName（myId）；
让隐藏=假
用于（tds的let元素）{
如果（element.innerHTML.length==0）hide=true
}
让myTable=document.getElementById（myId）；
如果（隐藏）myTable.style.display='none'；
}
isEmptyTable（“myTable”）

HTML（添加到word press文档页面）

1.
[esigcf7 formid=“409”field_id=“menu-936”]
2.
[esigcf7 formid=“409”field_id=“checkbox-138”]

隐藏表格

document.querySelector（'myTable td:empty'）。最近（'myTable'）。style.display=“无”

隐藏行

document.querySelector（'#myTable td:empty'）.parentElement.style.display=“无”

秘制酱汁


这可能更好：


非常感谢。尝试添加到index.php，但得到以下结果：？esigpreview=1&document\u id=25:53未捕获类型错误：无法在？esigpreview=1&document\u id=25:53处读取null的属性“parentElement”，当页面加载时，表可能还不存在。创建表后需要运行此行。如果你打开页面控制台并粘贴进去，你应该可以看到隐藏的表格。伙计，现在开始工作了。将脚本放在index.php的末尾。不要打脑袋，谢谢！留我周末吧
<script>
    function isEmptyTable(myId){
    let tds = document.getElementsByClassName(myId);
    let hide = false
    for (let element of tds) {
      if (element.innerHTML.length == 0) hide = true
    }
    let myTable = document.getElementById(myId);
    if (hide) myTable.style.display = 'none';
}
isEmptyTable("myTable")
</script>

<table id="myTable">
<tbody>
<tr>
<td>1</td>
<td>[esigcf7 formid="409" field_id="menu-936" ]</td>
</tr>
<tr>
<td>2</td>
<td>[esigcf7 formid="409" field_id="checkbox-138" ]</td>
</tr>
</tbody>
</table>

const observer = new MutationObserver( list => {
  const evt = new CustomEvent('dom-changed', {detail: list});
  document.body.dispatchEvent(evt)
});
observer.observe(document.body, {attributes: true, childList: true, subtree: true});

document.body.addEventListener('dom-changed', () => {
   const cell = document.querySelector('#myTable td:empty');
   if ( cell ) cell.parentElement.style.display = "none";
});