选择器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/