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

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>