jQuery在另一个元素上触发（＆＃34; mouseenter＆＃34;）时从元素获取文本

Question

如何在触发另一个元素上的“悬停”操作时从元素中获取文本？

这是一个例子： http://factory.jcrew.com/girls-clothing/swim/rashguards/PRDOVR~A3090/A3090.jsp?color_name=shocking-pink-ivory#

我希望获得所有颜色，但只有悬停颜色框时才会显示颜色名称。

这是我试过的：

$("#color1 div[data-color='KS8866']").trigger("mouseenter",function() {
var color = $("span.color-name").text();
});

谢谢！

Answer 1

您可能需要使用on()而不是trigger来绑定鼠标输入事件。 上的jQuery将一个或多个事件的事件处理函数附加到所选元素jQuery Doc 。 触发器执行附加到给定事件类型jQuery doc 的匹配元素的所有处理程序和行为。你必须先拥有事件处理程序。

$("#color1 div[data-color='KS8866']").on("mouseenter",function() {
     var color = $("span.color-name").text();
});