Как взять текст из одного места, а затем отобразить в другом месте на той же странице?

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

Если я правильно понял, это то, что вы хотите.

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

Answer 2

Вы можете попробовать что-то вроде этого:

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

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