jQuery，toggle（）

Question

我的页面有动态div，我想在其中切换两个div。 我需要保留div的原始值，所以这可能是错误的方法

到目前为止，这是我的代码，似乎无法实现。

$(".change").live("click", function() {
  var changeDiv = $(this).parents(".changeContainer").find(".changeDiv");
  changeDiv.toggle();
  changeDiv.html(changeDiv.html() == '<input type='text' />' ? 'Original Value of the DIV' : '<input type='text' />');
}


<div class="changeContainer">
   <div class="changeDiv">Basketball - <a href="#" class="change">Change Sport</a>   </div>
</div>

Answer 1

无需切换，只需使用标准的显示/隐藏即可。 放入两个div，让其中一个以style="display:hidden"开头，然后在适当的div上使用jquery .hide（）和.show（）在它们之间进行交换。

Answer 2

也许您应该更加适应

$(".change").live("click", function() {
  var changeDiv = $(this).parents(".changeContainer").find(".changeDiv");

  if(changeDiv.hasClass('orig') {
       orig_html = changeDiv.html();
       changeDiv.html('<input type='text' />');
  else
       changeDiv.html(orig_html);
  }
  changeDiv.toggleClass('orig');
}

并有一个全局变量orig_html; 请注意，我没有测试代码。