如何从一个地方获取文本然后在同一页面上的另一个地方呈现？答案

【问题标题】：How to take text from one place then render at other place on same page?如何从一个地方获取文本然后在同一页面上的另一个地方呈现？
【发布时间】：2011-04-07 21:33:26
【问题描述】：

<div id="default">
<h2> heading </h2>

<div id="big-on-hover">
<h2> heading </h2>

我想在<div id="big-on-hover"> 中渲染h2 和<div id="default"> 的文本，因为两者总是相同的，所以我将在一个地方进行更改，它也会显示所有其他地方。

【问题讨论】：

你希望在什么事件上更新它？
@amit - 悬停时。我的意思是鼠标输入。鼠标在 "default" 输入时，会看到 "big on hover"。

标签： javascript jquery xhtml

【解决方案1】：

你可以试试这样的：

$(document).ready(function() {
            $('#default h2').mouseover(function() {

            var text = $('#default h2').html();
            $('#big-on-hover h2').html(text);
            });
        });

【讨论】：

【解决方案2】：

如果我理解正确，这就是你想要的。

jQuery(document).ready(function(){
    jQuery('#default').hover(function(){
        var hoverhtml = "<h2>" + jQuery('#default h2').html() + "</h2>" + jQuery('#big-on-hover').html();
        jQuery('#big-on-hover').html(hoverhtml);
    },
    function(){
        jQuery('#big-on-hover h2').remove();;
    });
});

【讨论】：

我想在悬停时添加
不想保留之前。
您需要一个占位符来在悬停时附加 h2。就像一个 div 或其他东西。
我想在<div id="big-on-hover">中添加相同的“默认”h2作为第一件事
我修改了它。应该做你需要的。

不想保留之前。