将文本从跨度内传递到弹出窗口

Question

使用jQuery，我正在尝试找出一种方法将跨区内的单词发送到鼠标悬停时出现的弹出窗口，我不确定如何发送文本。我有弹出窗口，但我无法发送文本。

所以在这个例子中，我想把弹出窗口（class =“popup”）简单地说成 Hello World 。

HTML：

<span class="text" data-id="#text1">Hello World</span>
<div class="popup" id="text1">This should just say Hello World, so this popup is wrong.</div>

JS：

$(document).on("mouseover", ".text", function() {
 var id = $(this).data('id');
 $(id).fadeIn();
}).on('mouseout', '.text', function() {
 var id = $(this).data('id');
 $(id).fadeOut();   
});

CSS：

.text {background-color: red}
.popup {display: none}

Fiddle Link

Answer 1

以下 Working Fiddle 使用.text()

更改弹出窗口的文本

将此行添加到您的js：

 $(id).text($(this).text());