选择器jquery

Question

你好iam学习jquery和JavaScript，我有一堆的div和跨度里面，所有这个div有相同的类，也跨度所有他们有同样的类我想要的是当我做鼠标在div上，使用标签跨度在div内改变字母的颜色。生病让你如何构建我的鳕鱼和我的jQuery功能。我想知道如何使用选择器来实现这一点。

这是的jsfiddle：

$(".wrap-faq").on("hover", 
    function(){ 
     // on over, add class "over" 
     $(this).addClass("over"); 
    }, 
    function(){ 
     // on out, remove class 
     $(this).removeClass("over"); 
    } 
); 

的跨度操作使用CSS：当你在它悬停

$(".wrap-faq").on("mouseover", hoverFaq); 

    function hoverFaq(){ 
     $(".wrap-faq .faq .txt-preg-faq").css("color", "white") 
     $(this).addClass("over"); 
    } 

$(".wrap-faq").on("mouseleave", unHoverFaq); 

    function unHoverFaq(){ 
     $(this).removeClass("over"); 
    } 

http://jsfiddle.net/xtatanx/jz73b/

Answer 1

我认为你想要一个简单的CSS悬停：

.faq { 
    color: black; 
} 
.faq:hover { 
    background: orange; 
    color: white; 
} 

这http://jsfiddle.net/saYFz/是你想要的吗？

Answer 2

此代码将添加一个CSS类股利。像：

.over span {color:red;} 

编辑：如果你要处理只在跨度悬停，你可以简单地修改选择器：

$(".wrap-faq span") 

Answer 3

我猜这更是你想要什么：

http://jsfiddle.net/jz73b/1/

$(".contents-faq").on("mouseover", '.wrap-faq', function() { 
    $(".wrap-faq .faq .txt-preg-faq").css("color", "white") 
    $(this).addClass("over"); 
}).on("mouseleave", '.wrap-faq', function() { 
    $(this).removeClass("over"); 
}); 

Answer 4

只需添加这条线在你hoverFaq功能：

$(this).find('span').css('color', 'white'); 

在这里，你有工作：http://jsfiddle.net/jz73b/2/