javascript - 如何在不删除子表内容的情况下删除父表？

Question

如何删除具有所有表属性的父表，而不使用 jquery/javascript 删除子表

<table>
<tr>
<td>Data</td>
<td>
<table>
<tr>
<td>A</td><td>B</td>
</tr>
</table>
</td>
</tr>
</table>

输出:

<table>
    <tr>
    <td>A</td><td>B</td>
    </tr>
</table>

Answer 1

在这种情况下，您可以使用unwrap 获取内部表并更改父元素body 的html，这将删除旧表。

$('body').html($('table table').unwrap())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Data</td>
    <td>
      <table>
        <tr>
          <td>A</td>
          <td>B</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

或者您可以采用内表，删除旧表，然后将内表添加到父元素。

var table = $('table table').unwrap();
$('table').remove()

$('body').html(table)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>Data</td>
    <td>
      <table>
        <tr>
          <td>A</td>
          <td>B</td>
        </tr>
      </table>
    </td>
  </tr>
</table>