0

我的页面有动态 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>
4

2 回答 2

1

而不是切换，只需使用标准显示/隐藏。放入两个 div，让其中一个开始，style="display:hidden"然后在适当的 div 上使用 jquery .hide() 和 .show() 在它们之间进行交换。

于 2012-12-13T19:01:17.130 回答
0

也许你应该更符合

$(".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；请注意，我没有测试代码。

于 2012-12-13T19:00:42.367 回答