jquery - 使用 jQuery 的悬停状态

Question

我知道可以通过 css 实现悬停状态，这通常是我更喜欢接近它们的方式，但是在这种特殊情况下，我将鼠标悬停在具有多个子元素的整个元素上，我试图实现的效果是让所有文本(无论是在 span 还是 p 标签中)都变成白色。

我这里有一个codepen http://codepen.io/MARS/pen/jlqxK?editors=101这对代码进行了采样，我不确定我是否可以通过用逗号分隔来一次定位多个元素，但我在这个例子中尝试过。

我在我试图定位的 ul 中结合了 span 和 p 标签，但我觉得我没有正确定位所有元素，这就是悬停时文本没有变为白色的原因。

目前唯一变白的文本是我已经在我的 css 中声明的文本。

谁能提出更好的方法？

谢谢。

Answer 1

与 Jack 的回答类似，jQuery 变体将使用类似的东西:

$("#parent").mouseover(function(){
    $(this).find("*").addClass('white');
});

.find("*") 递归地定位所选元素的所有子元素