2013-04-18 59 views
0

因此,我有四個鏈接標題,我想要從中獲取屬性值並將其附加到外部空div。如何在懸停事件中將內容從一個元素添加到另一個元素

這裏是jsFiddle

我有問題的部分是JavaScript

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

,如果我搶的屬性值或內文我不在乎,但也似乎工作。我已經得到了空白的div來說「Hello World!」當我將鼠標懸停在鏈接上時,但無法獲取HTML中的標題值或文本,因此無法獲得任何幫助。

回答

1

我推測如果這是一個懸停,即使你也希望文本消失在「Li a」的mouseleave上,所以我讓你成爲了一個jsFiddle的例子。請檢查出來,如果有任何問題隨時問。

$(document).on('mouseenter','li a',function(){ 
    $('.container').text($(this).attr('title')); 
}).on('mouseleave','li a', function(){ 
    $('.container').text(''); 
}); 

http://jsfiddle.net/danieljordan13/JfGhY/11/

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

Fiddle

0

我建議,如果你想文本追加:

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

JS Fiddle demo

或者,如果你要替換的文字:

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

JS Fiddle demo

已經重新閱讀的問題,並且要使用title屬性可見,我建議,而不是:

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

JS Fiddle demo

參考文獻:

相關問題