如何删除具有所有表属性的父表,而不使用 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>
最佳答案
在这种情况下,您可以使用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>
关于javascript - 如何在不删除子表内容的情况下删除父表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46743189/