javascript - 如果包含某些内容，请删除 HTML 表格标签

Question

我有 3 个表，其中一些表有子项，例如:<tr><td>...而其他人什么都没有，只有一个表标签，里面没有任何东西。我想删除空表。
注意:所有表都有一个tbldetails姓名。

var lengthtbldetail = document.getElementsByName('tbldetails');

for(var itd=0;itd<lengthtbldetail.length;itd++){
var tbdtlv = 0;

if(lengthtbldetail[itd].innerHTML.indexOf('<td>') != -1) {

// REMOVE IT...

}
}

这里一个例子来解决:

<table name="tbldetails">
<tr>
<td>
Table 1
</td>
</tr>
</table>
<br />

<!--I want to Remove the following tables:-->
<table name="tbldetails">
</table>
<table name="tbldetails">
</table>
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
<tr>
<td>
Table 3
</td>
</tr>
</table>

Answer 1

使用removeChild .您的if block 需要是

if(lengthtbldetail[itd].innerHTML.indexOf('<td>') == -1) 
{
   lengthtbldetail[itd].parentNode.removeChild( lengthtbldetail[itd] );
}

演示

var lengthtbldetail = document.getElementsByTagName('table');
console.log(lengthtbldetail.length)
for (var itd = lengthtbldetail.length - 1; itd >= 0; itd--)
{
  if (lengthtbldetail[itd].innerHTML.indexOf('<td>') == -1) {
    lengthtbldetail[itd].parentNode.removeChild(lengthtbldetail[itd]);
  }
}

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

30 表演示

var lengthtbldetail = document.getElementsByTagName('table');
for (var itd = lengthtbldetail.length - 1; itd >= 0; itd--)
{
  if (lengthtbldetail[itd].innerHTML.indexOf('<td>') == -1) {
    lengthtbldetail[itd].parentNode.removeChild(lengthtbldetail[itd]);
  }
}

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>

<table name="tbldetails">
  <tr>
    <td>
      Table 1
    </td>
  </tr>
</table>
<br />

<!--I want to Remove this table:-->
<table name="tbldetails">
</table>
<br />

<table name="tbldetails">
  <tr>
    <td>
      Table 3
    </td>
  </tr>
</table>