選擇器jQuery

Question

你好，我在學習jquery和JavaScript，我有很多div並在其中跨度，所有這些div都具有相同的類，而且當我將鼠標懸停在div上時，它們的跨度都具有相同的類，使用該div內的標簽span更改字母的顏色。 生病的你讓我如何構造我的鱈魚和我的jQuery函數。 我想知道如何使用選擇器來實現這一目標。

這是jsFiddle：

$(".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

當您將鼠標懸停在div上時，此代碼將向其添加CSS類：

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

使用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/