如何从一个地方获取文本然后在同一页面上的其他地方渲染？

Question

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

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

我想在h2中呈现<div id="default"> <div id="big-on-hover">的文字，因为两者都是相同的，所以我会在一个地方改变，它也会显示所有其他地方。

Answer 1

您可以尝试这样的事情：

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

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

Answer 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();;
    });
});