biaoti | biaoti |
---|
sddsfs | sddsfs |
sddsfs | sddsfs |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<table id="table">
<thead>
<th>biaoti</th>
<th>biaoti</th>
</thead>
<tbody>
<tr>
<td>sddsfs</td>
<td>sddsfs</td>
</tr>
<tr>
<td>sddsfs</td>
<td>sddsfs</td>
</tr>
</tbody>
</table>
<script>
//jq方法
$(function(){
var fuji = $('#table').parent();
// 前后都可以
// $('#table').before('<div id="new-div">'+$('#table')[0].outerHTML+'</div>');
$('#table').after('<div id="new-div">'+$('#table')[0].outerHTML+'</div>');
$(fuji).children('#table').remove();
})
//js方法
var div = document.createElement('div');
var table = document.getElementById('table');
var list = table.parentNode
list.insertBefore(div,list.childNodes[0]);
div.appendChild(table);
</script>
</body>
</html>