javascript - jQuery 在另一个元素上触发 ("mouseenter"时从元素获取文本

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 来绑定(bind)鼠标输入事件。 jQuery 将一个或多个事件的事件处理函数附加到所选元素，jQuery Doc 。 触发器执行附加到给定事件类型的匹配元素的所有处理程序和行为，jQuery doc 。你必须先有事件处理程序。

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