1

こんにちは私はボタンをクリックしたときに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/

4

2 に答える 2

1

It's empty because of the style you applied to table2:

 style="display: none"

The table1 gets replaced by a hidden table ;-) so you'd have to add this:

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

Working: http://jsfiddle.net/qbRcK/2/

于 2012-06-09T13:09:32.260 に答える
-1

$("#table2").html() でコードを変更してみてください

于 2012-06-09T12:54:36.603 に答える