我知道可以通过 css 实现悬停状态,这通常是我更喜欢接近它们的方式,但是在这种特殊情况下,我将鼠标悬停在具有多个子元素的整个元素上,我试图实现的效果是让所有文本(无论是在 span 还是 p 标签中)都变成白色。
我这里有一个codepen http://codepen.io/MARS/pen/jlqxK?editors=101这对代码进行了采样,我不确定我是否可以通过用逗号分隔来一次定位多个元素,但我在这个例子中尝试过。
我在我试图定位的 ul 中结合了 span 和 p 标签,但我觉得我没有正确定位所有元素,这就是悬停时文本没有变为白色的原因。
目前唯一变白的文本是我已经在我的 css 中声明的文本。
谁能提出更好的方法?
谢谢。
最佳答案
与 Jack 的回答类似,jQuery 变体将使用类似的东西:
$("#parent").mouseover(function(){
$(this).find("*").addClass('white');
});
.find("*")
递归地定位所选元素的所有子元素
关于jquery - 使用 jQuery 的悬停状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24412847/