javascript - 用Jquery中另一个隐藏的div的内容替换一个div的内容

Question

我正在尝试用另一个 div(隐藏)的内容替换一个 div 的内容。该代码仅在第一次有效，但第二次根本无效。我有一个 div，其中一些文章的标题正在滚动。我想实现的是:每次我要单击一篇文章的标题时，它的内容(内容在隐藏的 div 中)将出现在另一个 id="sreen"的 div 中。

<script type="text/javascript"> 
//everytime you click the title of an article

$("a.title").live("click", function(){

//replace the content of div screen with the content of an article

$('div#screen').replaceWith($(this).next('div.content'));


    });

</script>

有什么想法吗？？？

Answer 1

使用 .replaceWith将有效删除 div#screen .所以使用 .html()将是您要维护元素 div#screen 的操作.

你提到你的格式没有正常工作，这让我相信你在 div.content 上有 css 类.打电话.html()在 div.content将省略 div.content 的根节点。

<div class="content">
 <span>some text</span>
</div>

$("div.content").html()将产生 <span>some text</span>

如果我的假设是正确的，您可能想看看使用 clone() 这将在没有事件或 clone(true) 的情况下克隆当前对象包括任何数据和事件。

var $content = $(this).next('div.content').clone();
$content.css("display", "block");
$('div#screen').html($content);

另一种方法是使用 .outerHTML

$("a.title").live("click", function() {
  $('div#screen').html($(this).next('div.content')[0].outerHTML); 
});

关于 jsfiddle 的示例.