javascript - 使用 jQuery 将 Div 内容替换为另一个内容

Question

我有一个名为 Groupz 的 div 和另一个名为 vegasDetailz

的 div

现在我想，当我点击第一个 div 中的按钮时，第一个 div 应该消失，第二个 div 应该取代它，为此我编写了以下 jquery 代码

$(document).ready(function() {
  $("button").click(function() {
    $("#vegasDetailz").replaceWith("#Groupz");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="vegasDetailz">
  <input class="submitBTN getstart" name="button" type="submit" value="Get Started">
</div>
<div id="Groupz"></div>

但它对我不起作用。有任何想法吗 ？

注意:我使用的是php laravel 5.3

Answer 1

你正试图点击 $("button") 但你没有 button，所以使用 $(".getstart")，因为它是您输入的 ID。

其次，您的 .replaceWith("#Groupz") 只是尝试将文本放入 div，您必须先获取元素，然后才能替换整个元素。像 .replaceWith($("#Groupz"))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div  id="vegasDetailz">

 <input class="submitBTN getstart" name="button" type="submit" value="Get Started">
 </div>

  <div id="Groupz">
  </div>
 <script>
 $(document).ready(function() {
 $(".getstart").click(function(){
        $("#vegasDetailz").replaceWith($("#Groupz").html("Im an replaced"));
    });
  });
 </script>