jquery - ホバーイベントである要素から別の要素にコンテンツを追加する方法

Question

そのため、属性値を取得して外部の空の div に追加したいタイトルの 4 つのリンクがあります。

ここにjsFiddleがあります

私が問題を抱えている部分はjavascriptです

$('li a.link').hover(
    function(){
        $(this).text().appendTo('.container');
    });

属性値を取得するか、内部のテキストを取得するかは気にしませんが、どちらも機能していないようです。「Hello World!」と言う空の div を取得しました。リンクの上にカーソルを置いたときに、タイトルの値または HTML 内のテキストを取得できず、助けていただければ幸いです。

Answer 1

$('li a.link').hover(function(){
        var title = $(this).attr('title');
        $('.container').append(title);
});

フィドル

Answer 2

テキストを追加する場合は、次のことをお勧めします。

$('li a').hover(
    function(){
        var text = $(this).text();
        $('.container').text(function(i,t){
            return t + ' ' + text;
        });
    });

JS フィドルのデモ。

または、テキストを置き換えたい場合:

$('li a').hover(
    function(){
        var text = $(this).text();
        $('.container').text(text);
    });

JS フィドルのデモ。

質問を読み直して、title属性を使用したいことがわかったので、代わりに次のことをお勧めします。

$('li a').hover(
    function(){
        var title = this.title;
        $('.container').text(title);
    });

JS フィドルのデモ。

参考文献:

• text().