選擇器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/