如何使用jQuery在div标签中“返回”

时间:2014-02-25 18:27:46

标签: jquery html ajax

我的html中有一个div元素,我有一个链接。单击此链接,我使用AJAX将一些其他内容加载到div区域。新内容有一个“后退”链接,当用户点击此链接时,我想在div区域显示以前的内容。

我可以通过在加载新内容之前将内容存储到虚拟div并在用户单击后退链接时将其放回来实现此目的。有没有更直接的方法来实现这个jQuery?

1 个答案:

答案 0 :(得分:3)

将“previous”内容放在标记中,例如span标记,然后在点击链接时使用jQuery隐藏以前的内容。有点像...

$(document).ready(function() {
  $('#black-link').click(function(e) {
    $(this).hide();
    $('#content').show();
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <span id="content">Hi</span>
  <a href="#" id="black-link">Go Back</a>
</div>