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

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并更改父元素的html,body这将删除旧表.

$('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>