Question

您好我正在尝试使用jquery在我单击按钮时用新div替换div。目前当我单击按钮时，新的div没有显示，当我单击按钮时它只是空白。我怎么能看到隐藏的？

<!DOCTYPE html>
<html>
<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button id="change">Change</button>
  <div id="table1">
<table >
 <tr>
 <td>
 this is table1
 </td>
</tr>
 </table>
</div>


 <div id="table2" style="display: none">
 <table >
  <tr>
  <td>
   this is table2
   </td>
    </tr>
</table>
 <div>


 <script>
  $("#change").click(function () {
   $("#table1").replaceWith( $("#table2") );
 });
  </script>

  </body>
 </html>

示例如下：http://jsfiddle.net/S8HxM/1/

Answer 1

由于您应用于table2的风格，它是空的：

 style="display: none"

table1被隐藏的表替换;-)所以你必须添加这个：

$("#table1").replaceWith( $("#table2").show() );

工作：http://jsfiddle.net/qbRcK/2/

Answer 2

尝试使用$（“＃table2”）更改代码.html（）

使用jquery replaceWith替换单击按钮时的div

2 个答案: